<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />

  <title>Home</title>
  <link type="text/css" href="css/modal.css" rel="stylesheet" />
  <link type="text/css" href="css/k2.css" rel="stylesheet" />
  <link type="text/css" href="css/style.css" rel="stylesheet" />
  <link type="text/css" href="css/system.css" rel="stylesheet" />
  <link type="text/css" href="css/general.css" rel="stylesheet" />
  <link type="text/css" href="css/template.css" rel="stylesheet" />
  <link type="text/css" href="css/joomla.css" rel="stylesheet" />
  <link type="text/css" href="css/menu.css" rel="stylesheet" />
  <link type="text/css" href="css/custom.css" rel="stylesheet" />
  <link type="text/css" href="css/modules.css" rel="stylesheet" />
  <link type="text/css" href="css/typography.css" rel="stylesheet" />
  <link type="text/css" href="css/css3.css" rel="stylesheet" />
  <link type="text/css" href="css/style1.css" rel="stylesheet" />
  <link type="text/css" href="css/style2.css" rel="stylesheet" />
  <link type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"
  rel="stylesheet" />
  <link type="text/css" href="http://fonts.googleapis.com/css?family=Lobster" rel=
  "stylesheet" />
  <link type="text/css" href="css/raw.css" rel="stylesheet" />
  <link type="text/css" href="css/default.css" rel="stylesheet" />
  <link type="text/css" href="css/elegant.css" rel="stylesheet" />
  <style type="text/css">
/*<![CDATA[*/
  .spshare_fltlft {float:left}.spshare {margin:10px 0}.sp_fblike {width:70px}.sp_linkedin,.sp_digg {margin-right:10px}.sp_plusone {width:70px}.sp_twitter {width:106px}
  .sp-wrap {width: 960px;}#sp-leftcol {width: 20%}#sp-rightcol { width: 30%}#sp-maincol {width:70%}
  #inner_content {width: 70%;}#inset1 {width: 30%}#inset2 { width: 30%}
  h1,h2,.group-title span.menu-title { font-family: 'Yanone Kaffeesatz', 'Helvetica', arial, serif; }
  h2.sp-slide-title { font-family: 'Lobster', 'Helvetica', arial, serif; }
  #sptab119 .tabs_mask, #sptab119 ul.tabs_container li span {height:45px;line-height:45px;}#sptab119 .tab-padding {padding:10px 10px 10px 10px}
  /*]]>*/
  </style>
  <style type="text/css">
/*<![CDATA[*/
  .fb_hidden{position:absolute;top:-10000px;z-index:10001}
  .fb_invisible{display:none}
  .fb_reset{background:none;border-spacing:0;border:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}
  .fb_link img{border:none}
  .fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}
  .fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px}
  .fb_dialog_content{background:#fff;color:#333}
  .fb_dialog_close_icon{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px;top:8px\9;right:7px\9}
  .fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}
  .fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}
  .fb_dialog_close_icon:hover{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
  .fb_dialog_close_icon:active{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
  .fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:24px;padding:20px}
  .fb_dialog_top_left,
  .fb_dialog_top_right,
  .fb_dialog_bottom_left,
  .fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}
  .fb_dialog_top_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}
  .fb_dialog_top_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}
  .fb_dialog_bottom_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}
  .fb_dialog_bottom_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}
  .fb_dialog_vert_left,
  .fb_dialog_vert_right,
  .fb_dialog_horiz_top,
  .fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}
  .fb_dialog_vert_left,
  .fb_dialog_vert_right{width:10px;height:100%}
  .fb_dialog_vert_left{margin-left:-10px}
  .fb_dialog_vert_right{right:0;margin-right:-10px}
  .fb_dialog_horiz_top,
  .fb_dialog_horiz_bottom{width:100%;height:10px}
  .fb_dialog_horiz_top{margin-top:-10px}
  .fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}
  .fb_dialog_iframe{line-height:0}
  .fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:14px;font-weight:bold;margin:0}
  .fb_dialog_content .dialog_title &gt; span{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif)
  no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}
  body.fb_hidden{-webkit-transform:none;height:100%;margin:0;left:-10000px;overflow:visible;position:absolute;top:-10000px;width:100%
  }
  .fb_dialog.fb_dialog_mobile.loading{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yO/r/_j03izEX40U.gif)
  white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}
  .fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}
  #fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}
  #fb-root #fb_dialog_ipad_overlay.hidden{display:none}
  .fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}
  .fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0 0, 0 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}
  .fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%
  }
  .fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px
  }
  .fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px
  }
  .fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0 0, 0 100%, from(#4966A6),
  color-stop(0.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset,
  rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}
  .fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
  .fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}
  .fb_dialog_content .dialog_content{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}
  .fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}
  #fb_dialog_loader_close{float:left}
  .fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
  .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
  .fb_iframe_widget{position:relative;display:-moz-inline-block;display:inline-block}
  .fb_iframe_widget iframe{position:absolute}
  .fb_iframe_widget_lift{z-index:1}
  .fb_iframe_widget span{position:relative;display:inline-block;vertical-align:text-bottom;text-align:justify}
  .fb_hide_iframes iframe{position:relative;left:-10000px}
  .fb_iframe_widget_loader{position:relative;display:inline-block}
  .fb_iframe_widget_fluid{display:inline}
  .fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}
  .fb_iframe_widget_loader .FB_Loader{background:url(http://static.ak.fbcdn.net/rsrc.php/v1/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}
  .fb_button_simple,
  .fb_button_simple_rtl{background-image:url(http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png);background-repeat:no-repeat;cursor:pointer;outline:none;text-decoration:none}
  .fb_button_simple_rtl{background-position:right 0}
  .fb_button_simple .fb_button_text{margin:0 0 0 20px;padding-bottom:1px}
  .fb_button_simple_rtl .fb_button_text{margin:0 10px 0 0}
  a.fb_button_simple:hover .fb_button_text,
  a.fb_button_simple_rtl:hover .fb_button_text,
  .fb_button_simple:hover .fb_button_text,
  .fb_button_simple_rtl:hover .fb_button_text{text-decoration:underline}
  .fb_button,
  .fb_button_rtl{background:#29447e url(http://static.ak.fbcdn.net/rsrc.php/v1/yL/r/FGFbc80dUKj.png);background-repeat:no-repeat;cursor:pointer;display:inline-block;padding:0 0 0 1px;text-decoration:none;outline:none}
  .fb_button .fb_button_text,
  .fb_button_rtl .fb_button_text{background:#5f78ab url(http://static.ak.fbcdn.net/rsrc.php/v1/yL/r/FGFbc80dUKj.png);border-top:solid 1px #879ac0;border-bottom:solid 1px #1a356e;color:#fff;display:block;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight:bold;padding:2px 6px 3px 6px;margin:1px 1px 0 21px;text-shadow:none}
  a.fb_button,
  a.fb_button_rtl,
  .fb_button,
  .fb_button_rtl{text-decoration:none}
  a.fb_button:active .fb_button_text,
  a.fb_button_rtl:active .fb_button_text,
  .fb_button:active .fb_button_text,
  .fb_button_rtl:active .fb_button_text{border-bottom:solid 1px #29447e;border-top:solid 1px #45619d;background:#4f6aa3;text-shadow:none}
  .fb_button_xlarge,
  .fb_button_xlarge_rtl{background-position:left -60px;font-size:24px;line-height:30px}
  .fb_button_xlarge .fb_button_text{padding:3px 8px 3px 12px;margin-left:38px}
  a.fb_button_xlarge:active{background-position:left -99px}
  .fb_button_xlarge_rtl{background-position:right -268px}
  .fb_button_xlarge_rtl .fb_button_text{padding:3px 8px 3px 12px;margin-right:39px}
  a.fb_button_xlarge_rtl:active{background-position:right -307px}
  .fb_button_large,
  .fb_button_large_rtl{background-position:left -138px;font-size:13px;line-height:16px}
  .fb_button_large .fb_button_text{margin-left:24px;padding:2px 6px 4px 6px}
  a.fb_button_large:active{background-position:left -163px}
  .fb_button_large_rtl{background-position:right -346px}
  .fb_button_large_rtl .fb_button_text{margin-right:25px}
  a.fb_button_large_rtl:active{background-position:right -371px}
  .fb_button_medium,
  .fb_button_medium_rtl{background-position:left -188px;font-size:11px;line-height:14px}
  a.fb_button_medium:active{background-position:left -210px}
  .fb_button_medium_rtl{background-position:right -396px}
  .fb_button_text_rtl,
  .fb_button_medium_rtl .fb_button_text{padding:2px 6px 3px 6px;margin-right:22px}
  a.fb_button_medium_rtl:active{background-position:right -418px}
  .fb_button_small,
  .fb_button_small_rtl{background-position:left -232px;font-size:10px;line-height:10px}
  .fb_button_small .fb_button_text{padding:2px 6px 3px;margin-left:17px}
  a.fb_button_small:active,
  .fb_button_small:active{background-position:left -250px}
  .fb_button_small_rtl{background-position:right -440px}
  .fb_button_small_rtl .fb_button_text{padding:2px 6px;margin-right:18px}
  a.fb_button_small_rtl:active{background-position:right -458px}
  .fb_share_count_wrapper{position:relative;float:left}
  .fb_share_count{background:#b0b9ec none repeat scroll 0 0;color:#333;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;text-align:center}
  .fb_share_count_inner{background:#e8ebf2;display:block}
  .fb_share_count_right{margin-left:-1px;display:inline-block}
  .fb_share_count_right .fb_share_count_inner{border-top:solid 1px #e8ebf2;border-bottom:solid 1px #b0b9ec;margin:1px 1px 0 1px;font-size:10px;line-height:10px;padding:2px 6px 3px;font-weight:bold}
  .fb_share_count_top{display:block;letter-spacing:-1px;line-height:34px;margin-bottom:7px;font-size:22px;border:solid 1px #b0b9ec}
  .fb_share_count_nub_top{border:none;display:block;position:absolute;left:7px;top:35px;margin:0;padding:0;width:6px;height:7px;background-repeat:no-repeat;background-image:url(http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/bSOHtKbCGYI.png)}
  .fb_share_count_nub_right{border:none;display:inline-block;padding:0;width:5px;height:10px;background-repeat:no-repeat;background-image:url(http://static.ak.fbcdn.net/rsrc.php/v1/yX/r/i_oIVTKMYsL.png);vertical-align:top;background-position:right 5px;z-index:10;left:2px;margin:0 2px 0 0;position:relative}
  .fb_share_no_count{display:none}
  .fb_share_size_Small .fb_share_count_right .fb_share_count_inner{font-size:10px}
  .fb_share_size_Medium .fb_share_count_right .fb_share_count_inner{font-size:11px;padding:2px 6px 3px;letter-spacing:-1px;line-height:14px}
  .fb_share_size_Large .fb_share_count_right .fb_share_count_inner{font-size:13px;line-height:16px;padding:2px 6px 4px;font-weight:normal;letter-spacing:-1px}
  .fb_share_count_hidden .fb_share_count_nub_top,
  .fb_share_count_hidden .fb_share_count_top,
  .fb_share_count_hidden .fb_share_count_nub_right,
  .fb_share_count_hidden .fb_share_count_right{visibility:hidden}
  .fb_connect_bar_container div,
  .fb_connect_bar_container span,
  .fb_connect_bar_container a,
  .fb_connect_bar_container img,
  .fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}
  .fb_connect_bar_container{position:fixed;left:0 !important;right:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}
  .fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}
  .fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:13px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}
  .fb_connect_bar a:hover{color:#fff}
  .fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 6px 5px 0}
  .fb_connect_bar div a,
  .fb_connect_bar span,
  .fb_connect_bar span a{color:#bac6da;font-size:11px;text-decoration:none}
  .fb_connect_bar .fb_buttons{float:right;margin-top:7px}
  .fb_edge_widget_with_comment{position:relative;*z-index:1000}
  .fb_edge_widget_with_comment span.fb_edge_comment_widget{position:absolute}
  .fb_edge_widget_with_comment span.fb_send_button_form_widget{z-index:1}
  .fb_edge_widget_with_comment span.fb_send_button_form_widget .FB_Loader{left:0;top:1px;margin-top:6px;margin-left:0;background-position:50% 50%;background-color:#fff;height:150px;width:394px;border:1px #666 solid;border-bottom:2px solid #283e6c;z-index:1}
  .fb_edge_widget_with_comment span.fb_send_button_form_widget.dark .FB_Loader{background-color:#000;border-bottom:2px solid #ccc}
  .fb_edge_widget_with_comment span.fb_send_button_form_widget.siderender
  .FB_Loader{margin-top:0}
  .fbpluginrecommendationsbarleft,
  .fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}
  /* @noflip */
  .fbpluginrecommendationsbarleft{left:10px}
  /* @noflip */
  .fbpluginrecommendationsbarright{right:10px}
  /*]]>*/
  </style>
</head>

<body class="bg clearfix" data-twttr-rendered="true">
  <div class="clearfix" id="header">
    <div class="sp-wrap">
      <div class="sp-inner clearfix">
        <a href="/joomla25/social" style="width:260px;height:80px" id="logo"></a>

        <div class="clearfix" id="top-bar">
          <div id="search">
            <form method="post" action="/joomla25/social/index.php">
              <div class="mod-search">
                <input type="text" onfocus=
                "if (this.value=='Type your search...') this.value='';" onblur=
                "if (this.value=='') this.value='Type your search...';" value=
                "Type your search..." size="15" class="inputbox" maxlength="20" id=
                "mod-search-searchword" name="searchword" /> <input type="hidden" value=
                "search" name="task" /> <input type="hidden" value="com_search" name=
                "option" /> <input type="hidden" value="0" name="Itemid" />
              </div>
            </form>
          </div>

          <div class="font-sizer">
            <a href="/joomla25/social/?font_size=big" rel="nofollow" title=
            "Increase font size" class="btn_fs_big">A+</a> <a href=
            "/joomla25/social/?font_size=reset" rel="nofollow" title="Reset font size"
            class="btn_fs_reset">R</a> <a href="/joomla25/social/?font_size=small" rel=
            "nofollow" title="Decrease font size" class="btn_fs_small">A-</a>
          </div>

          <div id="top-menu">
            <ul class="menu">
              <li class="item-464 active"><a href="/joomla25/social/">Home</a></li>

              <li class="item-444"><a href="/joomla25/social/index.php/joomla">Sample
              Sites</a></li>

              <li class="item-207"><a href="http://joomla.org">Joomla.org</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="clr"></div>

  <div class="clr"></div>

  <div class="clearfix" id="hornav">
    <div class="sp-wrap">
      <div class="sp-inner clearfix">
        <ul class="sp-menu level-0">
          <li class="menu-item active first parent">
            <a class="menu-item active first parent" href=
            "http://demo.joomshaper.com/joomla25/social/"><span class="menu"><span class=
            "menu-title">Home</span><span class="menu-desc">frontpage</span></span></a>

            <div class="submenu" style=
            "display: block; visibility: visible; left: 156px; top: 44px;">
              <div style="margin: 0px; position: static; overflow: hidden; height: 0px;">
                <div style=
                "width: 778px; height: 443px; overflow: hidden; margin: -443px 0px 0px;">
                  <div class="submenu-wrap">
                    <div class="menu-tl">
                      <div class="menu-tr">
                        <div class="menu-tm"></div>
                      </div>
                    </div>

                    <div class="menu-l">
                      <div class="menu-r">
                        <div style="width: 778px;" class="submenu-inner clearfix">
                          <div style="width: 253px;" class="megacol col1 first">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first group">
                                <div class="group">
                                  <div class="group-content">
                                    <ul class="sp-menu level-1">
                                      <li class="menu-item first group">
                                        <div class="group">
                                          <div class="group-title">
                                            <a class="menu-item first group" href=
                                            "#"><span class="menu"><span class=
                                            "menu-title">K2 Styled</span></span></a>
                                          </div>

                                          <div class="group-content">
                                            <div class="module_none">
                                              <div class="mod-wrapper-menu clearfix">
                                                <div class="custom_none">
                                                  <p><img border="0" align="left" alt=" "
                                                  src="images/stories/demo/k2.jpg" class=
                                                  "image-left border" />Sollicitudin
                                                  potenti nisl bibendum magna ligula a
                                                  lorem morbi aptent gravida at ligula
                                                  dictumst phasellus.</p>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="gap"></div>
                                          </div>
                                        </div>
                                      </li>

                                      <li class="menu-item group">
                                        <div class="group">
                                          <div class="group-title">
                                            <a class="menu-item group" href=
                                            "#"><span class="menu"><span class=
                                            "menu-title">JomSocial
                                            Powered</span></span></a>
                                          </div>

                                          <div class="group-content">
                                            <div class="module_none">
                                              <div class="mod-wrapper-menu clearfix">
                                                <div class="custom_none">
                                                  <p><img border="0" align="left" alt=" "
                                                  src=
                                                  "images/stories/demo/jomsocial-logo.jpg"
                                                  class=
                                                  "image-left border" />Sollicitudin
                                                  potenti nisl bibendum magna ligula a
                                                  lorem morbi aptent gravida at ligula
                                                  dictumst phasellus.</p>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="gap"></div>
                                          </div>
                                        </div>
                                      </li>

                                      <li class="menu-item last group">
                                        <div class="group">
                                          <div class="group-title">
                                            <a class="menu-item last group"><span class=
                                            "menu"><span class="menu-title">Compatible
                                            Browsers</span></span></a>
                                          </div>

                                          <div class="group-content">
                                            <div class="module_none">
                                              <div class="mod-wrapper-menu clearfix">
                                                <div class="custom_none">
                                                  <div class="sp-left">
                                                    <p>Internet Explorer</p>

                                                    <p>Firefox</p>

                                                    <p>Google Chrome</p>
                                                  </div>

                                                  <div class="sp-right">
                                                    <p>Opera</p>

                                                    <p>Safari</p>

                                                    <p>What Else?</p>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="gap"></div>
                                          </div>
                                        </div>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>

                          <div style="width: 262px;" class="megacol col2">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first group">
                                <div class="group">
                                  <div class="group-content">
                                    <ul class="sp-menu level-1">
                                      <li class="menu-item first group">
                                        <div class="group">
                                          <div class="group-title">
                                            <a class="menu-item first group" href=
                                            "#"><span class="menu"><span class=
                                            "menu-title">Featured Posts</span></span></a>
                                          </div>

                                          <div class="group-content">
                                            <div class="module_none">
                                              <div class="mod-wrapper-menu clearfix">
                                                <div id="sp-news-show-148">
                                                  <div class="sp-news-container">
                                                    <div class="sp-news-item-row">
                                                      <div style="width:100%" class=
                                                      "sp-news-item-column ns1-lft">
                                                        <div style="padding:0 0 0 0">
                                                          <div class=
                                                          "sp-news-box ns1-odd ns1-first">
                                                          <a href=
                                                          "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85-become-a-better-call-of-duty-player-in-four-easy-steps">
                                                            <img width="50" height="50"
                                                            title=
                                                            "Become a Better Call of Duty Player in Four Easy Steps"
                                                            alt=
                                                            "Become a Better Call of Duty Player in Four Easy Steps"
                                                            src=
                                                            "images/stories/demo/sample5_thumb148.jpg"
                                                            style="margin:0 0 0 0" class=
                                                            "sp-news-image" /></a>

                                                            <h4 class="sp-news-title">
                                                            <a href=
                                                            "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85-become-a-better-call-of-duty-player-in-four-easy-steps">
                                                            Become a Better Call of Duty
                                                            Player in Four Easy
                                                            Steps</a></h4>

                                                            <div class="sp-news-info">
                                                              <span class=
                                                              "sp-news-date">2011-09-05</span>
                                                            </div>

                                                            <div style="clear:both">
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>

                                                      <div style="clear:both"></div>
                                                    </div>

                                                    <div class="sp-news-item-row">
                                                      <div style="width:100%" class=
                                                      "sp-news-item-column ns1-lft">
                                                        <div style="padding:0 0 0 0">
                                                          <div class=
                                                          "sp-news-box ns1-even">
                                                            <a href=
                                                            "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/78-eidos-montreal-planned-on-more-deus-ex-hubs">
                                                            <img width="50" height="50"
                                                            title=
                                                            "Eidos Montreal planned on more Deus Ex hubs"
                                                            alt=
                                                            "Eidos Montreal planned on more Deus Ex hubs"
                                                            src=
                                                            "images/stories/demo/sample3_thumb148.jpg"
                                                            style="margin:0 0 0 0" class=
                                                            "sp-news-image" /></a>

                                                            <h4 class="sp-news-title">
                                                            <a href=
                                                            "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/78-eidos-montreal-planned-on-more-deus-ex-hubs">
                                                            Eidos Montreal planned on
                                                            more Deus Ex hubs</a></h4>

                                                            <div class="sp-news-info">
                                                              <span class=
                                                              "sp-news-date">2011-04-20</span>
                                                            </div>

                                                            <div style="clear:both">
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>

                                                      <div style="clear:both"></div>
                                                    </div>

                                                    <div class="sp-news-item-row">
                                                      <div style="width:100%" class=
                                                      "sp-news-item-column ns1-lft">
                                                        <div style="padding:0 0 0 0">
                                                          <div class=
                                                          "sp-news-box ns1-odd">
                                                            <a href=
                                                            "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83-how-to-start-playing-world-of-warcraft">
                                                            <img width="50" height="50"
                                                            title=
                                                            "How to Start Playing World of Warcraft"
                                                            alt=
                                                            "How to Start Playing World of Warcraft"
                                                            src=
                                                            "images/stories/demo/sample4_thumb148.jpg"
                                                            style="margin:0 0 0 0" class=
                                                            "sp-news-image" /></a>

                                                            <h4 class="sp-news-title">
                                                            <a href=
                                                            "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83-how-to-start-playing-world-of-warcraft">
                                                            How to Start Playing World of
                                                            Warcraft</a></h4>

                                                            <div class="sp-news-info">
                                                              <span class=
                                                              "sp-news-date">2011-09-05</span>
                                                            </div>

                                                            <div style="clear:both">
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>

                                                      <div style="clear:both"></div>
                                                    </div>

                                                    <div class="sp-news-item-row">
                                                      <div style="width:100%" class=
                                                      "sp-news-item-column ns1-lft">
                                                        <div style="padding:0 0 0 0">
                                                          <div class=
                                                          "sp-news-box ns1-even">
                                                            <a href=
                                                            "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/84-ipsum">
                                                            <img width="50" height="50"
                                                            title=
                                                            "Modern Warfare 3: multiplayer details and Elite pricing announced"
                                                            alt=
                                                            "Modern Warfare 3: multiplayer details and Elite pricing announced"
                                                            src=
                                                            "images/stories/demo/sample1_thumb148.jpg"
                                                            style="margin:0 0 0 0" class=
                                                            "sp-news-image" /></a>

                                                            <h4 class="sp-news-title">
                                                            <a href=
                                                            "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/84-ipsum">
                                                            Modern Warfare 3: multiplayer
                                                            details and Elite pricing
                                                            announced</a></h4>

                                                            <div class="sp-news-info">
                                                              <span class=
                                                              "sp-news-date">2011-09-05</span>
                                                            </div>

                                                            <div style="clear:both">
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>

                                                      <div style="clear:both"></div>
                                                    </div>
                                                  </div>
                                                </div>

                                                <div style="clear:both"></div>
                                              </div>
                                            </div>

                                            <div class="gap"></div>
                                          </div>
                                        </div>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>

                          <div style="width: 263px;" class="megacol col3 last">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first group">
                                <div class="group">
                                  <div class="group-content">
                                    <ul class="sp-menu level-1">
                                      <li class="menu-item first group">
                                        <div class="group">
                                          <div class="group-title">
                                            <a class="menu-item first group" href=
                                            "#"><span class="menu"><span class=
                                            "menu-title">Youtube</span></span></a>
                                          </div>

                                          <div class="group-content">
                                            <div class="module">
                                              <div class="mod-wrapper-menu clearfix">
                                                <iframe width="223" height="150"
                                                frameborder="0" allowfullscreen="" src=
                                                "http://www.youtube.com/embed/O_C1TZIT-qQ?wmode=Opaque"
                                                type="text/html" id=
                                                "sp-simple-youtube149" title=
                                                "Simple youtube module by JoomShaper.com">
                                                </iframe>
                                              </div>
                                            </div>

                                            <div class="gap"></div>
                                          </div>
                                        </div>
                                      </li>

                                      <li class="menu-item group">
                                        <div class="group">
                                          <div class="group-title">
                                            <a class="menu-item group" href=
                                            "#"><span class="menu"><span class=
                                            "menu-title">About Us</span></span></a>
                                          </div>

                                          <div class="group-content">
                                            <div class="module_none">
                                              <div class="mod-wrapper-menu clearfix">
                                                <div class="custom_none">
                                                  <p style=
                                                  "padding: 10px; background: #6CA3B1; color: #fff;">
                                                  Metus dolor fames habitasse sociis
                                                  placerat euismod erat hymenaeos
                                                  scelerisque aenean ipsum magna Nisi
                                                  dignissim ridiculus erat ligula.</p>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="gap"></div>
                                          </div>
                                        </div>
                                      </li>

                                      <li class="menu-item last group">
                                        <div class="group">
                                          <div class="group-title">
                                            <a class="menu-item last group" href=
                                            "#"><span class="menu"><span class=
                                            "menu-title">Social Share</span></span></a>
                                          </div>

                                          <div class="group-content">
                                            <div class="module">
                                              <div class="mod-wrapper-menu clearfix">
                                                <div class="custom">
                                                  <p><img border="0" alt=" " src=
                                                  "images/stories/demo/social-share.png" /></p>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="gap"></div>
                                          </div>
                                        </div>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="menu-bl">
                      <div class="menu-br">
                        <div class="menu-bm"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li class="menu-item parent">
            <a class="menu-item parent" href=
            "/joomla25/social/index.php/explore"><span class="menu"><span class=
            "menu-title">Explore</span><span class="menu-desc">all
            features</span></span></a>

            <div class="submenu" style=
            "display: block; visibility: visible; left: 251px; top: 44px;">
              <div style="margin: 0px; position: static; overflow: hidden; height: 0px;">
                <div style=
                "width: 800px; height: 168px; overflow: hidden; margin: -168px 0px 0px;">
                  <div class="submenu-wrap">
                    <div class="menu-tl">
                      <div class="menu-tr">
                        <div class="menu-tm"></div>
                      </div>
                    </div>

                    <div class="menu-l">
                      <div class="menu-r">
                        <div style="width: 800px;" class="submenu-inner clearfix">
                          <div style="width: 200px;" class="megacol col1 first">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first group">
                                <div class="group">
                                  <div class="group-title">
                                    <a class="menu-item first group" href=
                                    "#"><span class="menu"><span class=
                                    "menu-title">Features</span></span></a>
                                  </div>

                                  <div class="group-content">
                                    <ul class="sp-menu level-1">
                                      <li class="menu-item first"><a class=
                                      "menu-item first" href=
                                      "/joomla25/social/index.php/explore/features/typography">
                                      <span class="menu"><span class=
                                      "menu-title">Typography</span></span></a></li>

                                      <li class="menu-item"><a class="menu-item" href=
                                      "/joomla25/social/index.php/explore/features/module-positions">
                                      <span class="menu"><span class="menu-title">Module
                                      Positions</span></span></a></li>

                                      <li class="menu-item"><a class="menu-item" href=
                                      "/joomla25/social/index.php/explore/features/module-variations">
                                      <span class="menu"><span class="menu-title">Module
                                      Variations</span></span></a></li>

                                      <li class="menu-item last"><a class=
                                      "menu-item last" href=
                                      "/joomla25/social/index.php/explore/features/error-page">
                                      <span class="menu"><span class="menu-title">Error
                                      Page</span></span></a></li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>

                          <div style="width: 200px;" class="megacol col2">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first group">
                                <div class="group">
                                  <div class="group-title">
                                    <a class="menu-item first group" href=
                                    "#"><span class="menu"><span class="menu-title">Menu
                                    Showcase</span></span></a>
                                  </div>

                                  <div class="group-content">
                                    <ul class="sp-menu level-1">
                                      <li class="menu-item first"><a class=
                                      "menu-item first" href=
                                      "/joomla25/social/?menu=mega"><span class=
                                      "menu"><span class="menu-title">Mega
                                      Menu</span></span></a></li>

                                      <li class="menu-item"><a class="menu-item" href=
                                      "/joomla25/social/?menu=moo"><span class=
                                      "menu"><span class="menu-title">Moo
                                      Menu</span></span></a></li>

                                      <li class="menu-item"><a class="menu-item" href=
                                      "/joomla25/social/?menu=drop"><span class=
                                      "menu"><span class="menu-title">Dropline
                                      Menu</span></span></a></li>

                                      <li class="menu-item last"><a class=
                                      "menu-item last" href=
                                      "/joomla25/social/?menu=split"><span class=
                                      "menu"><span class="menu-title">Split
                                      Menu</span></span></a></li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>

                          <div style="width: 200px;" class="megacol col3">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first group">
                                <div class="group">
                                  <div class="group-title">
                                    <a class="menu-item first group" href=
                                    "/joomla25/social/index.php/explore/menu-examples"><span class="menu">
                                    <span class="menu-title">Menu
                                    Examples</span></span></a>
                                  </div>

                                  <div class="group-content">
                                    <ul class="sp-menu level-1">
                                      <li class="menu-item first parent">
                                        <a class="menu-item first parent" href=
                                        "/joomla25/social/index.php/explore/menu-examples/child-items">
                                        <span class="menu"><span class="menu-title">Child
                                        Items</span></span></a>

                                        <div class="submenu" style="display: none;">
                                          <div class="submenu-wrap">
                                            <div class="menu-tl">
                                              <div class="menu-tr">
                                                <div class="menu-tm"></div>
                                              </div>
                                            </div>

                                            <div class="menu-l">
                                              <div class="menu-r">
                                                <div style="width: 400px;" class=
                                                "submenu-inner clearfix">
                                                  <div style="width: 200px;" class=
                                                  "megacol col1 first">
                                                    <ul class="sp-menu level-2">
                                                      <li class="menu-item first group">
                                                        <div class="group">
                                                          <div class="group-title">
                                                            <a class=
                                                            "menu-item first group" href=
                                                            "#"><span class=
                                                            "menu"><span class=
                                                            "menu-title">Group1</span><span class="menu-desc">Group
                                                            Description</span></span></a>
                                                          </div>

                                                          <div class="group-content">
                                                            <ul class="sp-menu level-2">
                                                              <li class=
                                                              "menu-item first"><a class=
                                                              "menu-item first" href=
                                                              "/joomla25/social/index.php/explore/menu-examples/child-items/group1/child1">
                                                              <span class=
                                                              "menu"><span class=
                                                              "menu-title">Child
                                                              Item</span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "/joomla25/social/index.php/explore/menu-examples/child-items/group1/child2">
                                                              <span class=
                                                              "menu"><span class=
                                                              "menu-title">Child
                                                              Item</span></span></a></li>

                                                              <li class="menu-item last">
                                                              <a class="menu-item last"
                                                              href=
                                                              "/joomla25/social/index.php/explore/menu-examples/child-items/group1/child3">
                                                              <span class=
                                                              "menu"><span class=
                                                              "menu-title">Child
                                                              Item</span></span></a></li>
                                                            </ul>
                                                          </div>
                                                        </div>
                                                      </li>
                                                    </ul>
                                                  </div>

                                                  <div style="width: 200px;" class=
                                                  "megacol col2 last">
                                                    <ul class="sp-menu level-2">
                                                      <li class="menu-item first group">
                                                        <div class="group">
                                                          <div class="group-title">
                                                            <a class=
                                                            "menu-item first group" href=
                                                            "#"><span class=
                                                            "menu"><span class=
                                                            "menu-title">Group2</span><span class="menu-desc">Group
                                                            Description</span></span></a>
                                                          </div>

                                                          <div class="group-content">
                                                            <ul class="sp-menu level-2">
                                                              <li class=
                                                              "menu-item first"><a class=
                                                              "menu-item first" href=
                                                              "/joomla25/social/index.php/explore/menu-examples/child-items/group2/child1">
                                                              <span class=
                                                              "menu"><span class=
                                                              "menu-title">Child
                                                              Item</span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "/joomla25/social/index.php/explore/menu-examples/child-items/group2/child2">
                                                              <span class=
                                                              "menu"><span class=
                                                              "menu-title">Child
                                                              Item</span></span></a></li>

                                                              <li class=
                                                              "menu-item last parent">
                                                                <a class=
                                                                "menu-item last parent"
                                                                href=
                                                                "/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3">
                                                                <span class=
                                                                "menu"><span class=
                                                                "menu-title">Child
                                                                Item</span></span></a>

                                                                <div class="submenu"
                                                                style="display: none;">
                                                                  <div class=
                                                                  "submenu-wrap">
                                                                    <div class="menu-tl">
                                                                      <div class=
                                                                      "menu-tr">
                                                                        <div class=
                                                                        "menu-tm"></div>
                                                                      </div>
                                                                    </div>

                                                                    <div class="menu-l">
                                                                      <div class=
                                                                      "menu-r">
                                                                        <div style=
                                                                        "width: 200px;"
                                                                        class=
                                                                        "submenu-inner clearfix">
                                                                        <div style=
                                                                        "width: 200px;"
                                                                        class=
                                                                        "megacol col1 first">
                                                                          <ul class=
                                                                          "sp-menu level-3">
                                                                            <li class=
                                                                            "menu-item first">
                                                                              <a class=
                                                                              "menu-item first"
                                                                              href=
                                                                              "/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child1">
                                                                              <span class="menu">
                                                                              <span class="menu-title">
                                                                              Child
                                                                              Item</span></span></a></li>

                                                                              <li class=
                                                                              "menu-item">
                                                                              <a class=
                                                                              "menu-item"
                                                                              href=
                                                                              "/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child2">
                                                                              <span class="menu">
                                                                              <span class="menu-title">
                                                                              Child
                                                                              Item</span></span></a></li>

                                                                              <li class=
                                                                              "menu-item last parent">
                                                                              <a class=
                                                                              "menu-item last parent"
                                                                                href=
                                                                                "/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child3">
                                                                                <span class="menu">
                                                                                <span class="menu-title">
                                                                                Child
                                                                                Item</span></span></a>

                                                                                <div class="submenu"
                                                                                style=
                                                                                "display: none;">
                                                                                <div class="submenu-wrap">
                                                                                  <div class="menu-tl">
                                                                                    <div class="menu-tr">
                                                                                      <div class="menu-tm">
                                                                                        </div>
                                                                                      </div>
                                                                                    </div>

                                                                                    <div class="menu-l">
                                                                                    <div class="menu-r">
                                                                                      <div style="width: 200px;"
                                                                                        class="submenu-inner clearfix">
                                                                                        <div style="width: 200px;"
                                                                                          class="megacol col1 first">
                                                                                          <ul class="sp-menu level-4">
                                                                                            <li class="menu-item first">
                                                                                              <a class="menu-item first"
                                                                                              href="/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child3/child1">
                                                                                              <span class="menu">
                                                                                              <span class="menu-title">
                                                                                              Child
                                                                                              Item</span></span></a></li>

                                                                                              <li class="menu-item">
                                                                                              <a class="menu-item"
                                                                                              href="/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child3/child2">
                                                                                              <span class="menu">
                                                                                              <span class="menu-title">
                                                                                              Child
                                                                                              Item</span></span></a></li>

                                                                                              <li class="menu-item last parent">
                                                                                              <a class="menu-item last parent"
                                                                                                href="/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child3/child3">
                                                                                                <span class="menu">
                                                                                                <span class="menu-title">
                                                                                                Child
                                                                                                Item</span></span></a>

                                                                                                <div class="submenu"
                                                                                                style="display: none;">
                                                                                                <div class="submenu-wrap">
                                                                                                  <div class="menu-tl">
                                                                                                    <div class="menu-tr">
                                                                                                      <div class="menu-tm">
                                                                                                        </div>
                                                                                                      </div>
                                                                                                    </div>

                                                                                                    <div class="menu-l">
                                                                                                    <div class="menu-r">
                                                                                                      <div style="width: 200px;"
                                                                                                        class="submenu-inner clearfix">
                                                                                                        <div style="width: 200px;"
                                                                                                          class="megacol col1 first">
                                                                                                          <ul class="sp-menu level-5">
                                                                                                            <li class="menu-item first">
                                                                                                              <a class="menu-item first"
                                                                                                              href="/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child3/child3/child1">
                                                                                                              <span class="menu">
                                                                                                              <span class="menu-title">
                                                                                                              Child
                                                                                                              Item</span></span></a></li>

                                                                                                              <li class="menu-item last">
                                                                                                              <a class="menu-item last"
                                                                                                              href="/joomla25/social/index.php/explore/menu-examples/child-items/group2/child3/child3/child3/child2">
                                                                                                              <span class="menu">
                                                                                                              <span class="menu-title">
                                                                                                              Child
                                                                                                              Item</span></span></a></li>
                                                                                                            </ul>
                                                                                                          </div>
                                                                                                        </div>
                                                                                                      </div>
                                                                                                    </div>

                                                                                                    <div class="menu-bl">
                                                                                                    <div class="menu-br">
                                                                                                      <div class="menu-bm">
                                                                                                        </div>
                                                                                                      </div>
                                                                                                    </div>
                                                                                                  </div>
                                                                                                </div>
                                                                                              </li>
                                                                                            </ul>
                                                                                          </div>
                                                                                        </div>
                                                                                      </div>
                                                                                    </div>

                                                                                    <div class="menu-bl">
                                                                                    <div class="menu-br">
                                                                                      <div class="menu-bm">
                                                                                        </div>
                                                                                      </div>
                                                                                    </div>
                                                                                  </div>
                                                                                </div>
                                                                              </li>
                                                                            </ul>
                                                                          </div>
                                                                        </div>
                                                                      </div>
                                                                    </div>

                                                                    <div class="menu-bl">
                                                                      <div class=
                                                                      "menu-br">
                                                                        <div class=
                                                                        "menu-bm"></div>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </li>
                                                            </ul>
                                                          </div>
                                                        </div>
                                                      </li>
                                                    </ul>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="menu-bl">
                                              <div class="menu-br">
                                                <div class="menu-bm"></div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </li>

                                      <li class="menu-item parent">
                                        <a class="menu-item parent" href=
                                        "/joomla25/social/index.php/explore/menu-examples/menu-icons">
                                        <span class="menu"><span class="menu-title">Menu
                                        Icons</span></span></a>

                                        <div class="submenu" style="display: none;">
                                          <div class="submenu-wrap">
                                            <div class="menu-tl">
                                              <div class="menu-tr">
                                                <div class="menu-tm"></div>
                                              </div>
                                            </div>

                                            <div class="menu-l">
                                              <div class="menu-r">
                                                <div style="width: 600px;" class=
                                                "submenu-inner clearfix">
                                                  <div style="width: 150px;" class=
                                                  "megacol col1 first">
                                                    <ul class="sp-menu level-2">
                                                      <li class="menu-item first group">
                                                        <div class="group">
                                                          <div class="group-title">
                                                            <a class=
                                                            "menu-item first group" href=
                                                            "#"><span class=
                                                            "menu"><span class=
                                                            "menu-title">Icon
                                                            Group1</span></span></a>
                                                          </div>

                                                          <div class="group-content">
                                                            <ul class="sp-menu level-2">
                                                              <li class=
                                                              "menu-item first"><a class=
                                                              "menu-item first" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/home.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Home
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/forum.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Forum
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/folder.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Folder
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item last">
                                                              <a class="menu-item last"
                                                              href="#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/rss.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">RSS
                                                              Icon</span></span></span></a></li>
                                                            </ul>
                                                          </div>
                                                        </div>
                                                      </li>
                                                    </ul>
                                                  </div>

                                                  <div style="width: 150px;" class=
                                                  "megacol col2">
                                                    <ul class="sp-menu level-2">
                                                      <li class="menu-item first group">
                                                        <div class="group">
                                                          <div class="group-title">
                                                            <a class=
                                                            "menu-item first group" href=
                                                            "#"><span class=
                                                            "menu"><span class=
                                                            "menu-title">Icon
                                                            Group2</span></span></a>
                                                          </div>

                                                          <div class="group-content">
                                                            <ul class="sp-menu level-2">
                                                              <li class=
                                                              "menu-item first"><a class=
                                                              "menu-item first" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/add.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Add
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/delete.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Delete
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/star.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Star
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item last">
                                                              <a class="menu-item last"
                                                              href="#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/info.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Info
                                                              Icon</span></span></span></a></li>
                                                            </ul>
                                                          </div>
                                                        </div>
                                                      </li>
                                                    </ul>
                                                  </div>

                                                  <div style="width: 150px;" class=
                                                  "megacol col3">
                                                    <ul class="sp-menu level-2">
                                                      <li class="menu-item first group">
                                                        <div class="group">
                                                          <div class="group-title">
                                                            <a class=
                                                            "menu-item first group" href=
                                                            "#"><span class=
                                                            "menu"><span class=
                                                            "menu-title">Icon
                                                            Group3</span></span></a>
                                                          </div>

                                                          <div class="group-content">
                                                            <ul class="sp-menu level-2">
                                                              <li class=
                                                              "menu-item first"><a class=
                                                              "menu-item first" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/tips.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Tips
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/email.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Email
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/bug.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Bug
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item last">
                                                              <a class="menu-item last"
                                                              href="#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/clock.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Clock
                                                              Icon</span></span></span></a></li>
                                                            </ul>
                                                          </div>
                                                        </div>
                                                      </li>
                                                    </ul>
                                                  </div>

                                                  <div style="width: 150px;" class=
                                                  "megacol col4 last">
                                                    <ul class="sp-menu level-2">
                                                      <li class="menu-item first group">
                                                        <div class="group">
                                                          <div class="group-title">
                                                            <a class=
                                                            "menu-item first group" href=
                                                            "#"><span class=
                                                            "menu"><span class=
                                                            "menu-title">Icon
                                                            Group4</span></span></a>
                                                          </div>

                                                          <div class="group-content">
                                                            <ul class="sp-menu level-2">
                                                              <li class=
                                                              "menu-item first"><a class=
                                                              "menu-item first" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/tick.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Tick
                                                              Icon</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/arrow_left.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Left
                                                              Arrow</span></span></span></a></li>

                                                              <li class="menu-item">
                                                              <a class="menu-item" href=
                                                              "#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/arrow_right.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Right
                                                              Arrow</span></span></span></a></li>

                                                              <li class="menu-item last">
                                                              <a class="menu-item last"
                                                              href="#"><span class=
                                                              "menu"><span style=
                                                              "background-image:url(http://demo.joomshaper.com/joomla25/social/images/stories/icons/key.png)"
                                                              class=
                                                              "has-image"><span class=
                                                              "menu-title">Key
                                                              Icon</span></span></span></a></li>
                                                            </ul>
                                                          </div>
                                                        </div>
                                                      </li>
                                                    </ul>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="menu-bl">
                                              <div class="menu-br">
                                                <div class="menu-bm"></div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </li>

                                      <li class="menu-item last parent">
                                        <a class="menu-item last parent" href=
                                        "#"><span class="menu"><span class=
                                        "menu-title">Module Example</span></span></a>

                                        <div class="submenu" style="display: none;">
                                          <div class="submenu-wrap">
                                            <div class="menu-tl">
                                              <div class="menu-tr">
                                                <div class="menu-tm"></div>
                                              </div>
                                            </div>

                                            <div class="menu-l">
                                              <div class="menu-r">
                                                <div style="width: 200px;" class=
                                                "submenu-inner clearfix">
                                                  <div style="width: 200px;" class=
                                                  "megacol col1 first">
                                                    <ul class="sp-menu level-2">
                                                      <li class="menu-item first group">
                                                        <div class="group">
                                                          <div class="group-title">
                                                            <a class=
                                                            "menu-item first group" href=
                                                            "#"><span class=
                                                            "menu"><span class=
                                                            "menu-title">Menu
                                                            Module</span><span class=
                                                            "menu-desc">Load module or
                                                            module
                                                            positions</span></span></a>
                                                          </div>

                                                          <div class="group-content">
                                                            <div class="module">
                                                              <div class=
                                                              "mod-wrapper-menu clearfix">
                                                              <div class="custom">
                                                                  <div>
                                                                    Ut Lorem risus vel
                                                                    amet mattis pharetra
                                                                    facilisis orci et
                                                                    pretium. Purus
                                                                    aliquet nibh morbi
                                                                    velit justo senectus
                                                                    ante Phasellus cursus
                                                                    ante.
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>

                                                            <div class="gap"></div>
                                                          </div>
                                                        </div>
                                                      </li>
                                                    </ul>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>

                                            <div class="menu-bl">
                                              <div class="menu-br">
                                                <div class="menu-bm"></div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>

                          <div style="width: 200px;" class="megacol col4 last">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first group">
                                <div class="group">
                                  <div class="group-title">
                                    <a class="menu-item first group" href=
                                    "#"><span class="menu"><span class=
                                    "menu-title">Styles</span></span></a>
                                  </div>

                                  <div class="group-content">
                                    <ul class="sp-menu level-1">
                                      <li class="menu-item first"><a class=
                                      "menu-item first" href=
                                      "/joomla25/social/?style=style1"><span class=
                                      "menu"><span class=
                                      "menu-title">Style1</span></span></a></li>

                                      <li class="menu-item"><a class="menu-item" href=
                                      "/joomla25/social/?style=style2"><span class=
                                      "menu"><span class=
                                      "menu-title">Style2</span></span></a></li>

                                      <li class="menu-item last"><a class=
                                      "menu-item last" href=
                                      "/joomla25/social/?style=style3"><span class=
                                      "menu"><span class=
                                      "menu-title">Style3</span></span></a></li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="menu-bl">
                      <div class="menu-br">
                        <div class="menu-bm"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li class="menu-item parent">
            <a class="menu-item parent" href=
            "/joomla25/social/index.php/layout"><span class="menu"><span class=
            "menu-title">Layout</span><span class=
            "menu-desc">flexibility</span></span></a>

            <div class="submenu" style="display: none;">
              <div class="submenu-wrap">
                <div class="menu-tl">
                  <div class="menu-tr">
                    <div class="menu-tm"></div>
                  </div>
                </div>

                <div class="menu-l">
                  <div class="menu-r">
                    <div style="width: 200px;" class="submenu-inner clearfix">
                      <div style="width: 200px;" class="megacol col1 first">
                        <ul class="sp-menu level-1">
                          <li class="menu-item first"><a class="menu-item first" href=
                          "/joomla25/social/?layout=1"><span class="menu"><span class=
                          "menu-title">Left + Main + Right</span></span></a></li>

                          <li class="menu-item"><a class="menu-item" href=
                          "/joomla25/social/?layout=2"><span class="menu"><span class=
                          "menu-title">Left + Right + Main</span></span></a></li>

                          <li class="menu-item last"><a class="menu-item last" href=
                          "/joomla25/social/?layout=3"><span class="menu"><span class=
                          "menu-title">Main + Left + Right</span></span></a></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="menu-bl">
                  <div class="menu-br">
                    <div class="menu-bm"></div>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li class="menu-item parent">
            <a class="menu-item parent" href="#"><span class="menu"><span class=
            "menu-title">RTL Demos</span><span class="menu-desc">native rtl
            support</span></span></a>

            <div class="submenu" style=
            "display: block; visibility: visible; left: 442px; top: 44px;">
              <div style="margin: 0px; position: static; overflow: hidden; height: 0px;">
                <div style=
                "width: 200px; height: 69px; overflow: hidden; margin: -69px 0px 0px;">
                  <div class="submenu-wrap">
                    <div class="menu-tl">
                      <div class="menu-tr">
                        <div class="menu-tm"></div>
                      </div>
                    </div>

                    <div class="menu-l">
                      <div class="menu-r">
                        <div style="width: 200px;" class="submenu-inner clearfix">
                          <div style="width: 200px;" class="megacol col1 first">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first"><a class="menu-item first"
                              href="/joomla25/social/?direction=ltr"><span class=
                              "menu"><span class="menu-title">LTR
                              Language</span></span></a></li>

                              <li class="menu-item last"><a class="menu-item last" href=
                              "/joomla25/social/?direction=rtl"><span class=
                              "menu"><span class="menu-title">RTL
                              Language</span></span></a></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="menu-bl">
                      <div class="menu-br">
                        <div class="menu-bm"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li class="menu-item parent">
            <a class="menu-item parent" href=
            "/joomla25/social/index.php/joomla"><span class="menu"><span class=
            "menu-title">Joomla!</span><span class=
            "menu-desc">components</span></span></a>

            <div class="submenu" style=
            "display: block; visibility: visible; left: 571px; top: 44px;">
              <div style="margin: 0px; position: static; overflow: hidden; height: 0px;">
                <div style=
                "width: 200px; height: 194px; overflow: hidden; margin: -194px 0px 0px;">
                  <div class="submenu-wrap">
                    <div class="menu-tl">
                      <div class="menu-tr">
                        <div class="menu-tm"></div>
                      </div>
                    </div>

                    <div class="menu-l">
                      <div class="menu-r">
                        <div style="width: 200px;" class="submenu-inner clearfix">
                          <div style="width: 200px;" class="megacol col1 first">
                            <ul class="sp-menu level-1">
                              <li class="menu-item first parent">
                                <a class="menu-item first parent" href=
                                "/joomla25/social/index.php/joomla/content-component"><span class="menu">
                                <span class="menu-title">Content
                                Component</span></span></a>

                                <div class="submenu" style="display: none;">
                                  <div class="submenu-wrap">
                                    <div class="menu-tl">
                                      <div class="menu-tr">
                                        <div class="menu-tm"></div>
                                      </div>
                                    </div>

                                    <div class="menu-l">
                                      <div class="menu-r">
                                        <div style="width: 200px;" class=
                                        "submenu-inner clearfix">
                                          <div style="width: 200px;" class=
                                          "megacol col1 first">
                                            <ul class="sp-menu level-2">
                                              <li class="menu-item first"><a class=
                                              "menu-item first" href=
                                              "/joomla25/social/index.php/joomla/content-component/single-article">
                                              <span class="menu"><span class=
                                              "menu-title">Single
                                              Article</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/content-component/article-category-blog">
                                              <span class="menu"><span class=
                                              "menu-title">Article Category
                                              Blog</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/content-component/article-category-list">
                                              <span class="menu"><span class=
                                              "menu-title">Article Category
                                              List</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/content-component/featured-articles">
                                              <span class="menu"><span class=
                                              "menu-title">Featured
                                              Articles</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/content-component/article-categories">
                                              <span class="menu"><span class=
                                              "menu-title">Article
                                              Categories</span></span></a></li>

                                              <li class="menu-item last"><a class=
                                              "menu-item last" href=
                                              "/joomla25/social/index.php/joomla/content-component/archived-articles">
                                              <span class="menu"><span class=
                                              "menu-title">Archived
                                              Articles</span></span></a></li>
                                            </ul>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                    <div class="menu-bl">
                                      <div class="menu-br">
                                        <div class="menu-bm"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </li>

                              <li class="menu-item parent">
                                <a class="menu-item parent" href=
                                "/joomla25/social/index.php/joomla/contact-component"><span class="menu">
                                <span class="menu-title">Contact
                                Component</span></span></a>

                                <div class="submenu" style="display: none;">
                                  <div class="submenu-wrap">
                                    <div class="menu-tl">
                                      <div class="menu-tr">
                                        <div class="menu-tm"></div>
                                      </div>
                                    </div>

                                    <div class="menu-l">
                                      <div class="menu-r">
                                        <div style="width: 200px;" class=
                                        "submenu-inner clearfix">
                                          <div style="width: 200px;" class=
                                          "megacol col1 first">
                                            <ul class="sp-menu level-2">
                                              <li class="menu-item first"><a class=
                                              "menu-item first" href=
                                              "/joomla25/social/index.php/joomla/contact-component/single-contact">
                                              <span class="menu"><span class=
                                              "menu-title">Single
                                              Contact</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/contact-component/contact-categories">
                                              <span class="menu"><span class=
                                              "menu-title">Contact
                                              Categories</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/contact-component/contact-single-category">
                                              <span class="menu"><span class=
                                              "menu-title">Contact Single
                                              Category</span></span></a></li>

                                              <li class="menu-item last"><a class=
                                              "menu-item last" href=
                                              "/joomla25/social/index.php/joomla/contact-component/featured-contacts">
                                              <span class="menu"><span class=
                                              "menu-title">Featured
                                              Contacts</span></span></a></li>
                                            </ul>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                    <div class="menu-bl">
                                      <div class="menu-br">
                                        <div class="menu-bm"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </li>

                              <li class="menu-item parent">
                                <a class="menu-item parent" href=
                                "/joomla25/social/index.php/joomla/weblinks-component"><span class="menu">
                                <span class="menu-title">Weblinks</span></span></a>

                                <div class="submenu" style="display: none;">
                                  <div class="submenu-wrap">
                                    <div class="menu-tl">
                                      <div class="menu-tr">
                                        <div class="menu-tm"></div>
                                      </div>
                                    </div>

                                    <div class="menu-l">
                                      <div class="menu-r">
                                        <div style="width: 200px;" class=
                                        "submenu-inner clearfix">
                                          <div style="width: 200px;" class=
                                          "megacol col1 first">
                                            <ul class="sp-menu level-2">
                                              <li class="menu-item first"><a class=
                                              "menu-item first" href=
                                              "/joomla25/social/index.php/joomla/weblinks-component/weblinks-single-category">
                                              <span class="menu"><span class=
                                              "menu-title">Weblinks Single
                                              Category</span></span></a></li>

                                              <li class="menu-item last"><a class=
                                              "menu-item last" href=
                                              "/joomla25/social/index.php/joomla/weblinks-component/weblinks-categories">
                                              <span class="menu"><span class=
                                              "menu-title">Weblinks
                                              Categories</span></span></a></li>
                                            </ul>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                    <div class="menu-bl">
                                      <div class="menu-br">
                                        <div class="menu-bm"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </li>

                              <li class="menu-item parent">
                                <a class="menu-item parent" href=
                                "/joomla25/social/index.php/joomla/users-component"><span class="menu">
                                <span class="menu-title">Users
                                Component</span></span></a>

                                <div class="submenu" style="display: none;">
                                  <div class="submenu-wrap">
                                    <div class="menu-tl">
                                      <div class="menu-tr">
                                        <div class="menu-tm"></div>
                                      </div>
                                    </div>

                                    <div class="menu-l">
                                      <div class="menu-r">
                                        <div style="width: 200px;" class=
                                        "submenu-inner clearfix">
                                          <div style="width: 200px;" class=
                                          "megacol col1 first">
                                            <ul class="sp-menu level-2">
                                              <li class="menu-item first"><a class=
                                              "menu-item first" href=
                                              "/joomla25/social/index.php/joomla/users-component/login-form">
                                              <span class="menu"><span class=
                                              "menu-title">Login
                                              Form</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/users-component/user-profile">
                                              <span class="menu"><span class=
                                              "menu-title">User
                                              Profile</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/users-component/edit-user-profile">
                                              <span class="menu"><span class=
                                              "menu-title">Edit User
                                              Profile</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/users-component/registration-form">
                                              <span class="menu"><span class=
                                              "menu-title">Registration
                                              Form</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/users-component/username-reminder">
                                              <span class="menu"><span class=
                                              "menu-title">Username Reminder
                                              Request</span></span></a></li>

                                              <li class="menu-item last"><a class=
                                              "menu-item last" href=
                                              "/joomla25/social/index.php/joomla/users-component/password-reset">
                                              <span class="menu"><span class=
                                              "menu-title">Password
                                              Reset</span></span></a></li>
                                            </ul>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                    <div class="menu-bl">
                                      <div class="menu-br">
                                        <div class="menu-bm"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </li>

                              <li class="menu-item parent">
                                <a class="menu-item parent" href=
                                "/joomla25/social/index.php/joomla/search-component"><span class="menu">
                                <span class="menu-title">Search
                                Component</span></span></a>

                                <div class="submenu" style="display: none;">
                                  <div class="submenu-wrap">
                                    <div class="menu-tl">
                                      <div class="menu-tr">
                                        <div class="menu-tm"></div>
                                      </div>
                                    </div>

                                    <div class="menu-l">
                                      <div class="menu-r">
                                        <div style="width: 200px;" class=
                                        "submenu-inner clearfix">
                                          <div style="width: 200px;" class=
                                          "megacol col1 first">
                                            <ul class="sp-menu level-2">
                                              <li class="menu-item first"><a class=
                                              "menu-item first" href=
                                              "/joomla25/social/index.php/joomla/search-component/search">
                                              <span class="menu"><span class=
                                              "menu-title">Search</span></span></a></li>
                                            </ul>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                    <div class="menu-bl">
                                      <div class="menu-br">
                                        <div class="menu-bm"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </li>

                              <li class="menu-item parent">
                                <a class="menu-item parent" href=
                                "/joomla25/social/index.php/joomla/news-feeds-component"><span class="menu">
                                <span class="menu-title">News Feeds</span></span></a>

                                <div class="submenu" style="display: none;">
                                  <div class="submenu-wrap">
                                    <div class="menu-tl">
                                      <div class="menu-tr">
                                        <div class="menu-tm"></div>
                                      </div>
                                    </div>

                                    <div class="menu-l">
                                      <div class="menu-r">
                                        <div style="width: 200px;" class=
                                        "submenu-inner clearfix">
                                          <div style="width: 200px;" class=
                                          "megacol col1 first">
                                            <ul class="sp-menu level-2">
                                              <li class="menu-item first"><a class=
                                              "menu-item first" href=
                                              "/joomla25/social/index.php/joomla/news-feeds-component/new-feed-categories">
                                              <span class="menu"><span class=
                                              "menu-title">News Feed
                                              Categories</span></span></a></li>

                                              <li class="menu-item"><a class="menu-item"
                                              href=
                                              "/joomla25/social/index.php/joomla/news-feeds-component/single-news-feed">
                                              <span class="menu"><span class=
                                              "menu-title">Single News
                                              Feed</span></span></a></li>

                                              <li class="menu-item last"><a class=
                                              "menu-item last" href=
                                              "/joomla25/social/index.php/joomla/news-feeds-component/news-feed-category">
                                              <span class="menu"><span class=
                                              "menu-title">News Feed
                                              Category</span></span></a></li>
                                            </ul>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                    <div class="menu-bl">
                                      <div class="menu-br">
                                        <div class="menu-bm"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </li>

                              <li class="menu-item last"><a class="menu-item last" href=
                              "/joomla25/social/index.php/joomla/wrapper"><span class=
                              "menu"><span class=
                              "menu-title">Wrapper</span></span></a></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="menu-bl">
                      <div class="menu-br">
                        <div class="menu-bm"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li class="menu-item parent">
            <a class="menu-item parent" href="#"><span class="menu"><span class=
            "menu-title">K2 Showcase</span><span class="menu-desc">cck
            component</span></span></a>

            <div class="submenu" style="display: none;">
              <div class="submenu-wrap">
                <div class="menu-tl">
                  <div class="menu-tr">
                    <div class="menu-tm"></div>
                  </div>
                </div>

                <div class="menu-l">
                  <div class="menu-r">
                    <div style="width: 200px;" class="submenu-inner clearfix">
                      <div style="width: 200px;" class="megacol col1 first">
                        <ul class="sp-menu level-1">
                          <li class="menu-item first parent">
                            <a class="menu-item first parent" href=
                            "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories">
                            <span class="menu"><span class="menu-title">K2
                            Categories</span></span></a>

                            <div class="submenu" style="display: none;">
                              <div class="submenu-wrap">
                                <div class="menu-tl">
                                  <div class="menu-tr">
                                    <div class="menu-tm"></div>
                                  </div>
                                </div>

                                <div class="menu-l">
                                  <div class="menu-r">
                                    <div style="width: 200px;" class=
                                    "submenu-inner clearfix">
                                      <div style="width: 200px;" class=
                                      "megacol col1 first">
                                        <ul class="sp-menu level-2">
                                          <li class="menu-item first"><a class=
                                          "menu-item first" href=
                                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook">
                                          <span class="menu"><span class=
                                          "menu-title">Facebook</span></span></a></li>

                                          <li class="menu-item"><a class="menu-item"
                                          href="/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/twitter">
                                          <span class="menu"><span class=
                                          "menu-title">Twitter</span></span></a></li>

                                          <li class="menu-item"><a class="menu-item"
                                          href="/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/google-plus">
                                          <span class="menu"><span class=
                                          "menu-title">Google Plus</span></span></a></li>

                                          <li class="menu-item last"><a class=
                                          "menu-item last" href=
                                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/others">
                                          <span class="menu"><span class=
                                          "menu-title">Others</span></span></a></li>
                                        </ul>
                                      </div>
                                    </div>
                                  </div>
                                </div>

                                <div class="menu-bl">
                                  <div class="menu-br">
                                    <div class="menu-bm"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </li>

                          <li class="menu-item"><a class="menu-item" href=
                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-item"><span class="menu">
                          <span class="menu-title">K2 Item</span></span></a></li>

                          <li class="menu-item last"><a class="menu-item last" href=
                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-user-page"><span class="menu">
                          <span class="menu-title">K2 User Page</span></span></a></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="menu-bl">
                  <div class="menu-br">
                    <div class="menu-bm"></div>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li class="menu-item"><a class="menu-item" href=
          "/joomla25/social/index.php/easy-discuss"><span class="menu"><span class=
          "menu-title">Forums</span><span class="menu-desc">easy
          discuss</span></span></a></li>

          <li class="menu-item last new"><a class="menu-item last new" href=
          "/joomla25/social/index.php/jomsocial"><span class="menu"><span class=
          "menu-title">JomSocial</span><span class="menu-desc">social
          component</span></span></a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="gap"></div>

  <div class="sp-wrap clearfix">
    <div class="clearfix" id="sp-maincol">
      <div class="sp-inner clearfix" id="slide1">
        <div style="position:relative;height:500px" class="sp-slide">
          <div style=
          "position: absolute; height: 530px; width: 662px; visibility: hidden;" class=
          "preload"></div>

          <div style=
          "overflow: hidden; position: relative; height: 370px; width: 662px; display: block; margin: 0px; padding: 0px;"
          id="sp-slide120">
            <div class="sp-slide-content" style=
            "display: none; margin: 0px; padding: 0px; visibility: visible; opacity: 1; position: absolute; float: none; width: 662px; height: 370px; z-index: 0; left: 0px; top: 0px;">
            <div style="width:662px;height:370px" class="image-block">
                <a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/87-facebook-timeline-tells-the-story-of-your-online-life">
                <img alt="" src="images/stories/slides/slide1.jpg" class=
                "sp-slide-image" /></a>
              </div>
            </div>

            <div class="sp-slide-content" style=
            "display: none; margin: 0px; padding: 0px; visibility: visible; opacity: 1; position: absolute; float: none; width: 662px; height: 370px; z-index: 0; left: 0px; top: 0px;">
            <div style="width:662px;height:370px" class="image-block">
                <a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/81-social-networking-can-be-said-to-be-virtually-started-introduced-by-my-space-and-facebook">
                <img alt="" src="images/stories/slides/slide2.jpg" class=
                "sp-slide-image" /></a>
              </div>
            </div>

            <div class="sp-slide-content" style=
            "display: none; margin: 0px; padding: 0px; visibility: visible; opacity: 1; position: absolute; float: none; width: 662px; height: 370px; z-index: 0; left: 0px; top: 0px;">
            <div style="width:662px;height:370px" class="image-block">
                <a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/80-social-networking-is-a-big-buzz-in-todays-world-of-internet-marketers">
                <img alt="" src="images/stories/slides/slide3.jpg" class=
                "sp-slide-image" /></a>
              </div>
            </div>

            <div class="sp-slide-content" style=
            "display: none; margin: 0px; padding: 0px; visibility: visible; opacity: 1; position: absolute; float: none; width: 662px; height: 370px; z-index: 0; left: 0px; top: 0px;">
            <div style="width:662px;height:370px" class="image-block">
                <a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/79-understand-social-networks-better-for-effective-business-promotion">
                <img alt="" src="images/stories/slides/slide4.jpg" class=
                "sp-slide-image" /></a>
              </div>
            </div>

            <div class="sp-slide-content" style=
            "display: block; margin: 0px; padding: 0px; visibility: visible; opacity: 1; position: absolute; float: none; width: 662px; height: 370px; z-index: 1; left: 0px; top: 0px;">
            <div style="width:662px;height:370px" class="image-block">
                <a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/86-the-advantages-of-social-networking">
                <img alt="" src="images/stories/slides/slide5.jpg" class=
                "sp-slide-image" /></a>
              </div>
            </div>

            <div class="sp-slide-desc" style=
            "position: absolute; top: 370px; z-index: 5;">
              <div class="sp-slide-inner">
                <h2 class="sp-slide-title"><a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/87-facebook-timeline-tells-the-story-of-your-online-life">
                Facebook 'Timeline' Tells the Story of Your Online Life</a></h2>
              </div>
            </div>

            <div class="sp-slide-desc" style=
            "position: absolute; top: 370px; z-index: 6;">
              <div class="sp-slide-inner">
                <h2 class="sp-slide-title"><a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/81-social-networking-can-be-said-to-be-virtually-started-introduced-by-my-space-and-facebook">
                Social networking can be said to be virtually started</a></h2>
              </div>
            </div>

            <div class="sp-slide-desc" style=
            "position: absolute; top: 370px; z-index: 7;">
              <div class="sp-slide-inner">
                <h2 class="sp-slide-title"><a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/80-social-networking-is-a-big-buzz-in-todays-world-of-internet-marketers">
                Social networking is a big buzz in today&#226;&#8364;&#8482;s
                world</a></h2>
              </div>
            </div>

            <div class="sp-slide-desc" style=
            "position: absolute; top: 370px; z-index: 8;">
              <div class="sp-slide-inner">
                <h2 class="sp-slide-title"><a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/79-understand-social-networks-better-for-effective-business-promotion">
                Understand Social Networks Better for Effective Business
                Promotion</a></h2>
              </div>
            </div>

            <div class="sp-slide-desc" style=
            "position: absolute; top: 235px; z-index: 9;">
              <div class="sp-slide-inner">
                <h2 class="sp-slide-title"><a href=
                "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/78-demo/slides/86-the-advantages-of-social-networking">
                Using Twitter for internet marketing and business enhancements</a></h2>
              </div>
            </div>
          </div>

          <div style="width: 584px; left: 40px; height: 150px; overflow: hidden;" class=
          "controllers" id="handlers120">
            <div style="position: absolute; left: -146px;">
              <div style="width:146px;height:150px" class="handles">
                <div style="width:146px;height:20px" class="thumb_arrow"></div>

                <div style="width:146px;height:130px" class="thumb_bg">
                  <div style="width:146px;height:130px" class="thumb_bg2">
                    <div class="sp-slide-inside">
                      <img width="100" height="50" alt="" src=
                      "images/stories/slides/slide1_thumb.jpg" class="sp-slide-image" />

                      <h4 class="title">Facebook 'Timeline' Tells the Story of Your
                      Online...</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div style="width:146px;height:150px" class="handles">
                <div style="width:146px;height:20px" class="thumb_arrow"></div>

                <div style="width:146px;height:130px" class="thumb_bg">
                  <div style="width:146px;height:130px" class="thumb_bg2">
                    <div class="sp-slide-inside">
                      <img width="100" height="50" alt="" src=
                      "images/stories/slides/slide2_thumb.jpg" class="sp-slide-image" />

                      <h4 class="title">Social networking can be said to be virtually
                      star...</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div style="width:146px;height:150px" class="handles">
                <div style="width:146px;height:20px" class="thumb_arrow"></div>

                <div style="width:146px;height:130px" class="thumb_bg">
                  <div style="width:146px;height:130px" class="thumb_bg2">
                    <div class="sp-slide-inside">
                      <img width="100" height="50" alt="" src=
                      "images/stories/slides/slide3_thumb.jpg" class="sp-slide-image" />

                      <h4 class="title">Social networking is a big buzz in
                      today&#226;&#8364;&#8482;s world</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div style="width:146px;height:150px" class="handles">
                <div style="width:146px;height:20px" class="thumb_arrow"></div>

                <div style="width:146px;height:130px" class="thumb_bg">
                  <div style="width:146px;height:130px" class="thumb_bg2">
                    <div class="sp-slide-inside">
                      <img width="100" height="50" alt="" src=
                      "images/stories/slides/slide4_thumb.jpg" class="sp-slide-image" />

                      <h4 class="title">Understand Social Networks Better for Effective
                      Bu...</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div style="width:146px;height:150px" class="handles active">
                <div style="width:146px;height:20px" class="thumb_arrow"></div>

                <div style="width:146px;height:130px" class="thumb_bg">
                  <div style="width:146px;height:130px" class="thumb_bg2">
                    <div class="sp-slide-inside">
                      <img width="100" height="50" alt="" src=
                      "images/stories/slides/slide5_thumb.jpg" class="sp-slide-image" />

                      <h4 class="title">Using Twitter for internet marketing and business
                      ...</h4>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="sp_slide_prev" style="height:130px" id="prev120"></div>

          <div class="sp_slide_next" style="height:130px" id="next120"></div>
        </div>
      </div><!--Module Position content1 to content4-->

      <div class="clr"></div><!--Component Area-->

      <div id="inner_content">
        <div class="sp-inner clearfix">
          <div class=" clearfix">
            <div id="system-message-container"></div>

            <div class="blog-featured">
              <div class="items-leading">
                <div class="leading-0">
                  <div class="sp-article clearfix">
                    <div class="article-content clearfix">
                      <div class="sp-thumbnail clearfix"><img alt=" " src=
                      "images/stories/demo/sample5.jpg" class=
                      "border" /></div><span class="create">05 September 2011</span>

                      <h2><a href=
                      "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85-become-a-better-call-of-duty-player-in-four-easy-steps">
                      Become a Better Call of Duty Player in Four Easy Steps</a></h2>

                      <p>Donec facilisis. Donec sociosqu. Vehicula vehicula erat eleifend
                      venenatis bibendum litora. Amet tincidunt aenean class sollicitudin
                      potenti nisl bibendum magna ligula a lorem morbi aptent gravida at
                      ligula dictumst phasellus.</p><a data-disqus-identifier=
                      "cf2de7788cecd4be4dbe0ee2e3f85f2e" href=
                      "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85#disqus_thread"
                      class="spcomments">10 Comments</a> <a href=
                      "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85-become-a-better-call-of-duty-player-in-four-easy-steps"
                      class="readmore"><span>Read more...</span></a>
                    </div>

                    <div class="article-tools clearfix">
                      <dl class="article-info">
                        <dd class="category-name">Category: <a href=
                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo">
                        Demo</a></dd>
                      </dl>

                      <div class="spshare">
                        <div class="sp_twitter spshare_fltlft">
                          <iframe scrolling="no" frameborder="0" allowtransparency="true"
                          src=
                          "http://platform.twitter.com/widgets/tweet_button.1337330192.html#_=1337768135995&amp;count=horizontal&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2F&amp;size=m&amp;text=Become%20a%20Better%20Call%20of%20Duty%20Player%20in%20Four%20Easy%20Steps&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F85"
                          class="twitter-share-button twitter-count-horizontal" style=
                          "width: 109px; height: 20px;" title=
                          "Twitter Tweet Button"></iframe>
                        </div>

                        <div class="sp_plusone spshare_fltlft">
                          <div id="___plusone_0" style=
                          "height: 20px; width: 90px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;">
                          <iframe width="100%" scrolling="no" frameborder="0" src=
                          "https://plusone.google.com/_/+1/fastbutton?bsv=p&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F85&amp;size=medium&amp;count=true&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DYeCWNA96Fk4.en_GB.%2Fsv%3D1%2Fam%3D!tbK8W_8mwqaIodoNDQ%2Fd%3D1%2Frs%3DAItRSTPArLk2fH85p6ILAn6lEXvSx-GozA#id=I1_1337768136118&amp;parent=http%3A%2F%2Fdemo.joomshaper.com&amp;rpctoken=81882239&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart"
                            name="I1_1337768136118" id="I1_1337768136118" vspace="0"
                            tabindex="0" style=
                            "position: static; top: 0pt; width: 90px; margin: 0px; border-style: none; height: 20px; left: 0pt; visibility: visible;"
                            marginwidth="0" marginheight="0" hspace="0"
                            allowtransparency="true" title="+1"></iframe>
                          </div>
                        </div>

                        <div class="sp_fblike spshare_fltlft">
                          <div data-show-faces="flase" data-width="70" data-layout=
                          "button_count" data-send="false" data-href=
                          "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85"
                          class="fb-like fb_edge_widget_with_comment fb_iframe_widget">
                            <span style="height: 20px; width: 90px;"><iframe scrolling=
                            "no" id="f1516c660de5af" name="f1e10cd887a1762" style=
                            "border: medium none; overflow: hidden; height: 20px; width: 90px;"
                            title="Like this content on Facebook." class="fb_ltr" src=
                            "http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df3c0977fe32ddfe%26origin%3Dhttp%253A%252F%252Fdemo.joomshaper.com%252Ff37876aec5dc552%26domain%3Ddemo.joomshaper.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F85&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=90">
                            </iframe></span>
                          </div>
                        </div>

                        <div style="clear:both"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="items-row cols-1 clearfix">
                <div class="item column-1">
                  <div class="item-inner first last clearfix">
                    <div class="sp-article clearfix">
                      <div class="article-content clearfix">
                        <div class="sp-thumbnail clearfix"><img alt=" " src=
                        "images/stories/demo/sample1.jpg" class=
                        "border" /></div><span class="create">05 September 2011</span>

                        <h2><a href=
                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/84-ipsum">
                        Modern Warfare 3: multiplayer details and Elite pricing
                        announced</a></h2>

                        <p>Donec facilisis. Donec sociosqu. Vehicula vehicula erat
                        eleifend venenatis bibendum litora. Amet tincidunt aenean class
                        sollicitudin potenti nisl bibendum magna ligula a lorem morbi
                        aptent gravida at ligula dictumst
                        phasellus.</p><a data-disqus-identifier=
                        "4cd3ca41da42ae85fdd5a8090bd85104" href=
                        "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/84#disqus_thread"
                        class="spcomments">1 Comment</a> <a href=
                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/84-ipsum"
                        class="readmore"><span>Read more...</span></a>
                      </div>

                      <div class="article-tools clearfix">
                        <dl class="article-info">
                          <dd class="category-name">Category: <a href=
                          "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo">
                          Demo</a></dd>
                        </dl>

                        <div class="spshare">
                          <div class="sp_twitter spshare_fltlft">
                            <iframe scrolling="no" frameborder="0" allowtransparency=
                            "true" src=
                            "http://platform.twitter.com/widgets/tweet_button.1337330192.html#_=1337768136002&amp;count=horizontal&amp;id=twitter-widget-2&amp;lang=en&amp;original_referer=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2F&amp;size=m&amp;text=Modern%20Warfare%203%3A%20multiplayer%20details%20and%20Elite%20pricing%20announced&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F84"
                            class="twitter-share-button twitter-count-horizontal" style=
                            "width: 109px; height: 20px;" title=
                            "Twitter Tweet Button"></iframe>
                          </div>

                          <div class="sp_plusone spshare_fltlft">
                            <div id="___plusone_1" style=
                            "height: 20px; width: 90px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;">
                            <iframe width="100%" scrolling="no" frameborder="0" src=
                            "https://plusone.google.com/_/+1/fastbutton?bsv=p&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F84&amp;size=medium&amp;count=true&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DYeCWNA96Fk4.en_GB.%2Fsv%3D1%2Fam%3D!tbK8W_8mwqaIodoNDQ%2Fd%3D1%2Frs%3DAItRSTPArLk2fH85p6ILAn6lEXvSx-GozA#id=I2_1337768136129&amp;parent=http%3A%2F%2Fdemo.joomshaper.com&amp;rpctoken=666161774&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart"
                              name="I2_1337768136129" id="I2_1337768136129" vspace="0"
                              tabindex="0" style=
                              "position: static; top: 0pt; width: 90px; margin: 0px; border-style: none; height: 20px; left: 0pt; visibility: visible;"
                              marginwidth="0" marginheight="0" hspace="0"
                              allowtransparency="true" title="+1"></iframe>
                            </div>
                          </div>

                          <div class="sp_fblike spshare_fltlft">
                            <div data-show-faces="flase" data-width="70" data-layout=
                            "button_count" data-send="false" data-href=
                            "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/84"
                            class="fb-like fb_edge_widget_with_comment fb_iframe_widget">
                              <span style="height: 20px; width: 90px;"><iframe scrolling=
                              "no" id="f1d2bc716af56d6" name="f35e86d9e638104" style=
                              "border: medium none; overflow: hidden; height: 20px; width: 90px;"
                              title="Like this content on Facebook." class="fb_ltr" src=
                              "http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df1f0ecade04afdc%26origin%3Dhttp%253A%252F%252Fdemo.joomshaper.com%252Ff37876aec5dc552%26domain%3Ddemo.joomshaper.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F84&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=90">
                              </iframe></span>
                            </div>
                          </div>

                          <div style="clear:both"></div>
                        </div>
                      </div>
                    </div>

                    <div class="sp-article clearfix">
                      <div class="article-content clearfix">
                        <div class="sp-thumbnail clearfix"><img alt=" " src=
                        "images/stories/demo/sample4.jpg" class=
                        "border" /></div><span class="create">05 September 2011</span>

                        <h2><a href=
                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83-how-to-start-playing-world-of-warcraft">
                        How to Start Playing World of Warcraft</a></h2>

                        <p>Donec facilisis. Donec sociosqu. Vehicula vehicula erat
                        eleifend venenatis bibendum litora. Amet tincidunt aenean class
                        sollicitudin potenti nisl bibendum magna ligula a lorem morbi
                        aptent gravida at ligula dictumst
                        phasellus.</p><a data-disqus-identifier=
                        "8b7efe9202599622fde9ea9a09839f98" href=
                        "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83#disqus_thread"
                        class="spcomments">3 Comments</a> <a href=
                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83-how-to-start-playing-world-of-warcraft"
                        class="readmore"><span>Read more...</span></a>
                      </div>

                      <div class="article-tools clearfix">
                        <dl class="article-info">
                          <dd class="category-name">Category: <a href=
                          "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo">
                          Demo</a></dd>
                        </dl>

                        <div class="spshare">
                          <div class="sp_twitter spshare_fltlft">
                            <iframe scrolling="no" frameborder="0" allowtransparency=
                            "true" src=
                            "http://platform.twitter.com/widgets/tweet_button.1337330192.html#_=1337768136006&amp;count=horizontal&amp;id=twitter-widget-4&amp;lang=en&amp;original_referer=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2F&amp;size=m&amp;text=How%20to%20Start%20Playing%20World%20of%20Warcraft&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F83"
                            class="twitter-share-button twitter-count-horizontal" style=
                            "width: 109px; height: 20px;" title=
                            "Twitter Tweet Button"></iframe>
                          </div>

                          <div class="sp_plusone spshare_fltlft">
                            <div id="___plusone_2" style=
                            "height: 20px; width: 90px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;">
                            <iframe width="100%" scrolling="no" frameborder="0" src=
                            "https://plusone.google.com/_/+1/fastbutton?bsv=p&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F83&amp;size=medium&amp;count=true&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DYeCWNA96Fk4.en_GB.%2Fsv%3D1%2Fam%3D!tbK8W_8mwqaIodoNDQ%2Fd%3D1%2Frs%3DAItRSTPArLk2fH85p6ILAn6lEXvSx-GozA#id=I3_1337768136140&amp;parent=http%3A%2F%2Fdemo.joomshaper.com&amp;rpctoken=643412655&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart"
                              name="I3_1337768136140" id="I3_1337768136140" vspace="0"
                              tabindex="0" style=
                              "position: static; top: 0pt; width: 90px; margin: 0px; border-style: none; height: 20px; left: 0pt; visibility: visible;"
                              marginwidth="0" marginheight="0" hspace="0"
                              allowtransparency="true" title="+1"></iframe>
                            </div>
                          </div>

                          <div class="sp_fblike spshare_fltlft">
                            <div data-show-faces="flase" data-width="70" data-layout=
                            "button_count" data-send="false" data-href=
                            "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83"
                            class="fb-like fb_edge_widget_with_comment fb_iframe_widget">
                              <span style="height: 20px; width: 90px;"><iframe scrolling=
                              "no" id="f26937631a43d06" name="fb4ecd4378010a" style=
                              "border: medium none; overflow: hidden; height: 20px; width: 90px;"
                              title="Like this content on Facebook." class="fb_ltr" src=
                              "http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df3765fa7b5c14f6%26origin%3Dhttp%253A%252F%252Fdemo.joomshaper.com%252Ff37876aec5dc552%26domain%3Ddemo.joomshaper.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F83&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=90">
                              </iframe></span>
                            </div>
                          </div>

                          <div style="clear:both"></div>
                        </div>
                      </div>
                    </div>

                    <div class="sp-article clearfix">
                      <div class="article-content clearfix">
                        <div class="sp-thumbnail clearfix"><img alt=" " src=
                        "images/stories/demo/sample2.jpg" class=
                        "border" /></div><span class="create">05 September 2011</span>

                        <h2><a href=
                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/82-playdead-has-bought-itself-back-from-its-investors">
                        Playdead has bought itself back from its investors</a></h2>

                        <p>Donec facilisis. Donec sociosqu. Vehicula vehicula erat
                        eleifend venenatis bibendum litora. Amet tincidunt aenean class
                        sollicitudin potenti nisl bibendum magna ligula a lorem morbi
                        aptent gravida at ligula dictumst
                        phasellus.</p><a data-disqus-identifier=
                        "9d848019e098a6830ff3cb9d59e6c0c3" href=
                        "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/82#disqus_thread"
                        class="spcomments">0 Comments</a> <a href=
                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/82-playdead-has-bought-itself-back-from-its-investors"
                        class="readmore"><span>Read more...</span></a>
                      </div>

                      <div class="article-tools clearfix">
                        <dl class="article-info">
                          <dd class="category-name">Category: <a href=
                          "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo">
                          Demo</a></dd>
                        </dl>

                        <div class="spshare">
                          <div class="sp_twitter spshare_fltlft">
                            <iframe scrolling="no" frameborder="0" allowtransparency=
                            "true" src=
                            "http://platform.twitter.com/widgets/tweet_button.1337330192.html#_=1337768136011&amp;count=horizontal&amp;id=twitter-widget-6&amp;lang=en&amp;original_referer=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2F&amp;size=m&amp;text=Playdead%20has%20bought%20itself%20back%20from%20its%20investors&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F82"
                            class="twitter-share-button twitter-count-horizontal" style=
                            "width: 109px; height: 20px;" title=
                            "Twitter Tweet Button"></iframe>
                          </div>

                          <div class="sp_plusone spshare_fltlft">
                            <div id="___plusone_3" style=
                            "height: 20px; width: 90px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;">
                            <iframe width="100%" scrolling="no" frameborder="0" src=
                            "https://plusone.google.com/_/+1/fastbutton?bsv=p&amp;url=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F82&amp;size=medium&amp;count=true&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DYeCWNA96Fk4.en_GB.%2Fsv%3D1%2Fam%3D!tbK8W_8mwqaIodoNDQ%2Fd%3D1%2Frs%3DAItRSTPArLk2fH85p6ILAn6lEXvSx-GozA#id=I4_1337768136150&amp;parent=http%3A%2F%2Fdemo.joomshaper.com&amp;rpctoken=102113465&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart"
                              name="I4_1337768136150" id="I4_1337768136150" vspace="0"
                              tabindex="0" style=
                              "position: static; top: 0pt; width: 90px; margin: 0px; border-style: none; height: 20px; left: 0pt; visibility: visible;"
                              marginwidth="0" marginheight="0" hspace="0"
                              allowtransparency="true" title="+1"></iframe>
                            </div>
                          </div>

                          <div class="sp_fblike spshare_fltlft">
                            <div data-show-faces="flase" data-width="70" data-layout=
                            "button_count" data-send="false" data-href=
                            "http://demo.joomshaper.com/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/82"
                            class="fb-like fb_edge_widget_with_comment fb_iframe_widget">
                              <span style="height: 20px; width: 90px;"><iframe scrolling=
                              "no" id="f3786f4337cce56" name="f2905b1d46e1876" style=
                              "border: medium none; overflow: hidden; height: 20px; width: 90px;"
                              title="Like this content on Facebook." class="fb_ltr" src=
                              "http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df36d94bbe9db56a%26origin%3Dhttp%253A%252F%252Fdemo.joomshaper.com%252Ff37876aec5dc552%26domain%3Ddemo.joomshaper.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Findex.php%2Fusing-joomla%2Fextensions%2Fcomponents%2Fcontent-component%2Farticle-categories%2F77-demo%2F82&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=90">
                              </iframe></span>
                            </div>
                          </div>

                          <div style="clear:both"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="pagination">
                <p class="counter">Page 1 of 2</p>

                <ul>
                  <li class="pagination-active"><a>1</a></li>

                  <li><a title="2" href="/joomla25/social/index.php?start=4" class=
                  "">2</a></li>

                  <li><a title="&#194;&#187;" href="/joomla25/social/index.php?start=4"
                  class="next">&#194;&#187;</a></li>

                  <li><a title="End" href="/joomla25/social/index.php?start=4" class=
                  "">End</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div id="inset2">
        <div class="sp-inner clearfix">
          <div class="module_dark">
            <div class="mod-wrapper clearfix">
              <h3 class="header"><span>Login</span></h3>

              <div class="mod-content clearfix">
                <div class="mod-inner clearfix">
                  <form id="login-form" method="post" action=
                  "/joomla25/social/index.php">
                    <fieldset class="userdata">
                      <p id="form-login-username"><label for="modlgn-username">User
                      Name</label> <input type="text" size="18" name="username" id=
                      "modlgn-username" /></p>

                      <p id="form-login-password"><label for=
                      "modlgn-passwd">Password</label> <input type="password" size="18"
                      name="password" id="modlgn-passwd" /></p>

                      <p id="form-login-remember"><label for="modlgn-remember">Remember
                      Me</label> <input type="checkbox" value="yes" name="remember" id=
                      "modlgn-remember" /></p><input type="submit" value="Log in" name=
                      "Submit" /> <input type="hidden" value="com_users" name="option" />
                      <input type="hidden" value="user.login" name="task" /> <input type=
                      "hidden" value="aW5kZXgucGhwP0l0ZW1pZD00MzU=" name="return" />
                      <input type="hidden" value="1" name=
                      "f6e2c62e8efcdb1fa85c4e15121c101d" />
                    </fieldset>

                    <ul class="userlinks">
                      <li><a href=
                      "/joomla25/social/index.php/joomla/users-component/password-reset">Forgot
                      your password?</a></li>

                      <li><a href=
                      "/joomla25/social/index.php/joomla/users-component/username-reminder">
                      Forgot your username?</a></li>

                      <li><a href=
                      "/joomla25/social/index.php/joomla/users-component/registration-form">
                      Create an account</a></li>
                    </ul>
                  </form>
                </div>
              </div>
            </div>
          </div>

          <div class="gap"></div>

          <div class="module">
            <div class="mod-wrapper clearfix">
              <h3 class="header"><span>Twitter</span> Feed</h3>

              <div class="mod-content clearfix">
                <div class="mod-inner clearfix">
                  <div id="sp-tweet-id122">
                    <div class="sp-tweet">
                      <div class="sp-tweet-item odd first">
                        <div class="date">
                          <a href=
                          "http://twitter.com/joomshaper/statuses/205008832282365952"
                          target="_blank">About&nbsp;16 hours&nbsp;ago</a>
                        </div>

                        <div class="source">
                          From web
                        </div><br />
                        <a href="http://twitter.com/CloudAccess" class="tweet_mention"
                        target="_blank">@CloudAccess</a> We won the 2012 J!OSCAR for
                        Joomla! Services (hosting &amp; instruction): <a href=
                        "http://t.co/lR02sUzN" class="tweet_url" target=
                        "_blank">http://t.co/lR02sUzN</a> <a href=
                        "http://search.twitter.com/search?q=joomla" class="tweet_search"
                        target="_blank">#joomla</a>

                        <div class="sp-tweet-clr"></div>
                      </div>

                      <div class="sp-tweet-item even">
                        <div class="date">
                          <a href=
                          "http://twitter.com/joomshaper/statuses/205008693299920897"
                          target="_blank">About&nbsp;16 hours&nbsp;ago</a>
                        </div>

                        <div class="source">
                          From web
                        </div><br />
                        RT <a href="http://twitter.com/JomSocial" class="tweet_mention"
                        target="_blank">@JomSocial</a>: We have our 3rd award from
                        <a href="http://twitter.com/CMSExpo" class="tweet_mention"
                        target="_blank">@CMSExpo</a> and we're celebrating 20% discount
                        off ALL our products! <a href="http://t.co/Q7LiVrgz" class=
                        "tweet_url" target="_blank">http://t.co/Q7LiVrgz</a>

                        <div class="sp-tweet-clr"></div>
                      </div>
                    </div><a href="http://twitter.com/joomshaper" target="_blank" class=
                    "followme">Follow JoomShaper on Twitter</a>

                    <div class="sp-tweet-clr"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="gap"></div>

          <div class="module_text">
            <div class="mod-wrapper clearfix">
              <h3 class="header"><span>Ads</span></h3>

              <div class="mod-content clearfix">
                <div class="mod-inner clearfix">
                  <div class="custom_text">
                    <div style="padding: 5px 0;"><img border="0" alt=" " src=
                    "images/stories/demo/ads.jpg" /></div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="gap"></div>
        </div>
      </div><!--End Component Area-->

      <div class="clr"></div><!--Module Position content5 to content8-->
    </div>

    <div id="sp-rightcol">
      <div class="sp-inner clearfix">
        <div class="sp-block" style="width:100%">
          <div class="mod-block single" id="right">
            <div class="module_none">
              <div class="mod-wrapper clearfix">
                <div class="mod-content clearfix">
                  <div class="mod-inner clearfix">
                    <div class="custom_none">
                      <div><img border="0" alt=" " src=
                      "images/stories/demo/ads-top.png" /></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="gap"></div>

            <div class="module_top">
              <div class="mod-wrapper clearfix">
                <h3 class="header"><span>Top</span> K2 Content</h3>

                <div class="mod-content clearfix">
                  <div class="mod-inner clearfix">
                    <div class="k2ItemsBlock _top" id="k2ModuleBox128">
                      <ul>
                        <li class="even">
                          <!-- Plugins: BeforeDisplay -->
                          <!-- K2 Plugins: K2BeforeDisplay -->

                          <div class="moduleItemIntrotext">
                            <a title=
                            "Continue reading &quot;Storyteller App Turns Facebook Posts Into Sponsored Stories&quot;"
                            href=
                            "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/12-storyteller-app-turns-facebook-posts-into-sponsored-stories"
                            class="moduleItemImage"><img alt=
                            "Storyteller App Turns Facebook Posts Into Sponsored Stories"
                            src="items/3899dfe821816fbcb3db3e3b23f81585_S.jpg" /></a>
                          </div><a href=
                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/12-storyteller-app-turns-facebook-posts-into-sponsored-stories"
                          class="moduleItemTitle">Storyteller App Turns Facebook Posts
                          Into Sponsored Stories</a><br />
                          <span class="moduleItemDateCreated">Written on Tuesday, 06
                          September 2011</span> <!-- Plugins: AfterDisplayTitle -->
                           <!-- K2 Plugins: K2AfterDisplayTitle -->
                           <!-- Plugins: BeforeDisplayContent -->
                           <!-- K2 Plugins: K2BeforeDisplayContent -->

                          <div class="clr"></div>

                          <div class="clr"></div><!-- Plugins: AfterDisplayContent -->
                          <!-- K2 Plugins: K2AfterDisplayContent -->
                          <!-- Plugins: AfterDisplay -->
                          <!-- K2 Plugins: K2AfterDisplay -->

                          <div class="clr"></div>
                        </li>

                        <li class="odd">
                          <!-- Plugins: BeforeDisplay -->
                          <!-- K2 Plugins: K2BeforeDisplay -->

                          <div class="moduleItemIntrotext">
                            <a title=
                            "Continue reading &quot;Facebook Rolls Out Official Like Button Extension for Chrome&quot;"
                            href="/joomla25/social/index.php/2011-09-06-07-42-01/k2-item"
                            class="moduleItemImage"><img alt=
                            "Facebook Rolls Out Official Like Button Extension for Chrome"
                            src="items/c82cc4e14a1d2c8c8ffff9840d24b558_S.jpg" /></a>
                          </div><a href=
                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-item" class=
                          "moduleItemTitle">Facebook Rolls Out Official Like Button
                          Extension for Chrome</a><br />
                          <span class="moduleItemDateCreated">Written on Tuesday, 06
                          September 2011</span> <!-- Plugins: AfterDisplayTitle -->
                           <!-- K2 Plugins: K2AfterDisplayTitle -->
                           <!-- Plugins: BeforeDisplayContent -->
                           <!-- K2 Plugins: K2BeforeDisplayContent -->

                          <div class="clr"></div>

                          <div class="clr"></div><!-- Plugins: AfterDisplayContent -->
                          <!-- K2 Plugins: K2AfterDisplayContent -->
                          <!-- Plugins: AfterDisplay -->
                          <!-- K2 Plugins: K2AfterDisplay -->

                          <div class="clr"></div>
                        </li>

                        <li class="even lastItem">
                          <!-- Plugins: BeforeDisplay -->
                          <!-- K2 Plugins: K2BeforeDisplay -->

                          <div class="moduleItemIntrotext">
                            <a title=
                            "Continue reading &quot;Facebook To Launch Music Platform With Spotify, MOG &amp;amp; Rdio&quot;"
                            href=
                            "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/13-facebook-to-launch-music-platform-with-spotify-mog-rdio"
                            class="moduleItemImage"><img alt=
                            "Facebook To Launch Music Platform With Spotify, MOG &amp; Rdio"
                            src="items/48ee1e8a0a8f50dce4f8cb9ab418e211_S.jpg" /></a>
                          </div><a href=
                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/13-facebook-to-launch-music-platform-with-spotify-mog-rdio"
                          class="moduleItemTitle">Facebook To Launch Music Platform With
                          Spotify, MOG &amp; Rdio</a><br />
                          <span class="moduleItemDateCreated">Written on Tuesday, 06
                          September 2011</span> <!-- Plugins: AfterDisplayTitle -->
                           <!-- K2 Plugins: K2AfterDisplayTitle -->
                           <!-- Plugins: BeforeDisplayContent -->
                           <!-- K2 Plugins: K2BeforeDisplayContent -->

                          <div class="clr"></div>

                          <div class="clr"></div><!-- Plugins: AfterDisplayContent -->
                          <!-- K2 Plugins: K2AfterDisplayContent -->
                          <!-- Plugins: AfterDisplay -->
                          <!-- K2 Plugins: K2AfterDisplay -->

                          <div class="clr"></div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="gap"></div>

            <div class="module_none">
              <div class="mod-wrapper clearfix">
                <div class="mod-content clearfix">
                  <div class="mod-inner clearfix">
                    <div id="sptab119" class="blue sptabs">
                      <div class="tabs_buttons">
                        <div class="tabs_mask">
                          <ul class="tabs_container">
                            <li class="tab first-tab active"><span id=
                            "featured">Featured</span></li>

                            <li class="tab"><span id="comments">Comments</span></li>
                          </ul>
                        </div>
                      </div>

                      <div class="items_mask" style="width: 100%; height: 276px;">
                        <div style=
                        "display: block; position: absolute; width: 100%; top: 0pt; left: 0pt;">
                        <div class="tab-padding">
                            <h2 class="title" style="display:none">Featured</h2>

                            <div id="sp-news-show-121">
                              <div class="sp-news-container">
                                <div class="sp-news-item-row">
                                  <div style="width:100%" class=
                                  "sp-news-item-column ns1-lft">
                                    <div style="padding:0 0 0 0">
                                      <div class="sp-news-box ns1-odd ns1-first">
                                        <a href=
                                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85-become-a-better-call-of-duty-player-in-four-easy-steps">
                                        <img width="50" height="50" title=
                                        "Become a Better Call of Duty Player in Four Easy Steps"
                                        alt=
                                        "Become a Better Call of Duty Player in Four Easy Steps"
                                        src="images/stories/demo/sample5_thumb121.jpg"
                                        style="margin:0 0 0 0" class=
                                        "sp-news-image" /></a>

                                        <h4 class="sp-news-title"><a href=
                                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/85-become-a-better-call-of-duty-player-in-four-easy-steps">
                                        Become a Better Call of Duty Player in Four Easy
                                        Steps</a></h4>

                                        <div class="sp-news-info">
                                          <span class="sp-news-date">2011-09-05</span>
                                        </div>

                                        <div style="clear:both"></div>
                                      </div>
                                    </div>
                                  </div>

                                  <div style="clear:both"></div>
                                </div>

                                <div class="sp-news-item-row">
                                  <div style="width:100%" class=
                                  "sp-news-item-column ns1-lft">
                                    <div style="padding:0 0 0 0">
                                      <div class="sp-news-box ns1-even">
                                        <a href=
                                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/78-eidos-montreal-planned-on-more-deus-ex-hubs">
                                        <img width="50" height="50" title=
                                        "Eidos Montreal planned on more Deus Ex hubs"
                                        alt="Eidos Montreal planned on more Deus Ex hubs"
                                        src="images/stories/demo/sample3_thumb121.jpg"
                                        style="margin:0 0 0 0" class=
                                        "sp-news-image" /></a>

                                        <h4 class="sp-news-title"><a href=
                                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/78-eidos-montreal-planned-on-more-deus-ex-hubs">
                                        Eidos Montreal planned on more Deus Ex
                                        hubs</a></h4>

                                        <div class="sp-news-info">
                                          <span class="sp-news-date">2011-04-20</span>
                                        </div>

                                        <div style="clear:both"></div>
                                      </div>
                                    </div>
                                  </div>

                                  <div style="clear:both"></div>
                                </div>

                                <div class="sp-news-item-row">
                                  <div style="width:100%" class=
                                  "sp-news-item-column ns1-lft">
                                    <div style="padding:0 0 0 0">
                                      <div class="sp-news-box ns1-odd">
                                        <a href=
                                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83-how-to-start-playing-world-of-warcraft">
                                        <img width="50" height="50" title=
                                        "How to Start Playing World of Warcraft" alt=
                                        "How to Start Playing World of Warcraft" src=
                                        "images/stories/demo/sample4_thumb121.jpg" style=
                                        "margin:0 0 0 0" class="sp-news-image" /></a>

                                        <h4 class="sp-news-title"><a href=
                                        "/joomla25/social/index.php/using-joomla/extensions/components/content-component/article-categories/77-demo/83-how-to-start-playing-world-of-warcraft">
                                        How to Start Playing World of Warcraft</a></h4>

                                        <div class="sp-news-info">
                                          <span class="sp-news-date">2011-09-05</span>
                                        </div>

                                        <div style="clear:both"></div>
                                      </div>
                                    </div>
                                  </div>

                                  <div style="clear:both"></div>
                                </div>
                              </div>
                            </div>

                            <div style="clear:both"></div>

                            <div style="clear:both"></div>
                          </div>
                        </div>

                        <div style=
                        "display: none; position: absolute; width: 100%; top: 0pt; left: 0pt;">
                        <div class="tab-padding">
                            <h2 class="title" style="display:none">Comments</h2>

                            <div class="k2LatestCommentsBlock" id="k2ModuleBox127">
                              <ul>
                                <li class="even">
                                  <a title=
                                  ", &lt;a target=&quot;_blank&quot; rel=&quot;nofollow&quot; href=&quot;http://www.genericcialisusa.com/&quot;&gt;http://www.genericcialisusa.com/&lt;/a&gt; Cheap cialis, %-]], &lt;a target=&quot;_blank&quot; rel=&quot;nofollow&quot; href=&quot;http://www.viagraonlinemedic.com/&quot;&gt;http://www.viagraonlinemedic.com/&lt;/a&gt; Viagra, 8-), &lt;a target=&quot;_blank&quot; rel=&quot;nofollow&quot; href=&quot;http://www.cialisonlinehq.com/&quot;&gt;http://www.cialisonlinehq.com/&lt;/a&gt; Buy&amp;#8230;"
                                  href=
                                  "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/12-storyteller-app-turns-facebook-posts-into-sponsored-stories#comment16255"
                                  class="k2Avatar lcAvatar"><img style=
                                  "width:50px;height:auto;" alt="Viagra generic fast"
                                  src="http://www.gravatar.com/avatar/4d90cfee1e0bea06003afe8e0a54a4a7?s=48&amp;default=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Fcomponents%2Fcom_k2%2Fimages%2Fplaceholder%2Fuser.png" /></a>
                                  <a href=
                                  "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/12-storyteller-app-turns-facebook-posts-into-sponsored-stories#comment16255">
                                  <span class="lcComment">,</span></a> <a href=
                                  "http://www.genericcialisusa.com/" rel="nofollow"
                                  target="_blank">http://www.genericcialisusa.com/</a>
                                  Cheap cialis, %-]], <a href=
                                  "http://www.viagraonlinemedic.com/" rel="nofollow"
                                  target="_blank">http://www.viagraonlinemedic.com/</a>
                                  Viagra, 8-), <a href="http://www.cialisonlinehq.com/"
                                  rel="nofollow" target=
                                  "_blank">http://www.cialisonlinehq.com/</a>
                                  Buy&#226;&#8364;&#166;<br />
                                  <span class="lcUsername">Written by Viagra generic
                                  fast</span> <span class="lcCommentDate">on
                                  2012-05-23</span>

                                  <div class="clr"></div>

                                  <div class="clr"></div>
                                </li>

                                <li class="odd lastItem">
                                  <a title=
                                  ", &lt;a target=&quot;_blank&quot; rel=&quot;nofollow&quot; href=&quot;http://www.cheapviagrausa.com/&quot;&gt;http://www.cheapviagrausa.com/&lt;/a&gt; Viagra, :-DD, &lt;a target=&quot;_blank&quot; rel=&quot;nofollow&quot; href=&quot;http://www.cheapviagraws.com/&quot;&gt;http://www.cheapviagraws.com/&lt;/a&gt; Cheap viagra, uoef, &lt;a target=&quot;_blank&quot; rel=&quot;nofollow&quot; href=&quot;http://www.viagraonlinewwv.com/&quot;&gt;http://www.viagraonlinewwv.com/&lt;/a&gt; Viagra,&amp;#8230;"
                                  href=
                                  "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/12-storyteller-app-turns-facebook-posts-into-sponsored-stories#comment16254"
                                  class="k2Avatar lcAvatar"><img style=
                                  "width:50px;height:auto;" alt="Generic viagra" src=
                                  "http://www.gravatar.com/avatar/aa84de1efcf2c98271ec2a97e370f005?s=48&amp;default=http%3A%2F%2Fdemo.joomshaper.com%2Fjoomla25%2Fsocial%2Fcomponents%2Fcom_k2%2Fimages%2Fplaceholder%2Fuser.png" /></a>
                                  <a href=
                                  "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook/item/12-storyteller-app-turns-facebook-posts-into-sponsored-stories#comment16254">
                                  <span class="lcComment">,</span></a> <a href=
                                  "http://www.cheapviagrausa.com/" rel="nofollow" target=
                                  "_blank">http://www.cheapviagrausa.com/</a> Viagra,
                                  :-DD, <a href="http://www.cheapviagraws.com/" rel=
                                  "nofollow" target=
                                  "_blank">http://www.cheapviagraws.com/</a> Cheap
                                  viagra, uoef, <a href="http://www.viagraonlinewwv.com/"
                                  rel="nofollow" target=
                                  "_blank">http://www.viagraonlinewwv.com/</a>
                                  Viagra,&#226;&#8364;&#166;<br />
                                  <span class="lcUsername">Written by Generic
                                  viagra</span> <span class="lcCommentDate">on
                                  2012-05-23</span>

                                  <div class="clr"></div>

                                  <div class="clr"></div>
                                </li>
                              </ul>
                            </div>

                            <div style="clear:both"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="gap"></div>

            <div class="module_none">
              <div class="mod-wrapper clearfix">
                <div class="mod-content clearfix">
                  <div class="mod-inner clearfix">
                    <div class="custom_none">
                      <div><img border="0" alt="" src=
                      "images/stories/demo/ads-top.jpg" /></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="gap"></div>

            <div class="module_none">
              <div class="mod-wrapper clearfix">
                <div class="mod-content clearfix">
                  <div class="mod-inner clearfix">
                    <div id="fb-root" class=" fb_reset">
                      <div style=
                      "position: absolute; top: -10000px; height: 0pt; width: 0pt;">
                        <div>
                          <iframe id="fb_xdm_frame_http" name="fb_xdm_frame_http" src=
                          "http://static.ak.facebook.com/connect/xd_arbiter.php?version=6#channel=f37876aec5dc552&amp;origin=http%3A%2F%2Fdemo.joomshaper.com&amp;channel_path=%2Fjoomla25%2Fsocial%2F%3Ffb_xd_fragment%23xd_sig%3Df36c96fc4dbd7ce%26&amp;transport=postmessage">
                          </iframe><iframe id="fb_xdm_frame_https" name=
                          "fb_xdm_frame_https" src=
                          "https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=6#channel=f37876aec5dc552&amp;origin=http%3A%2F%2Fdemo.joomshaper.com&amp;channel_path=%2Fjoomla25%2Fsocial%2F%3Ffb_xd_fragment%23xd_sig%3Df36c96fc4dbd7ce%26&amp;transport=postmessage"></iframe>
                        </div>
                      </div>
                    </div><span style="height: 300px; width: 275px;"><iframe scrolling=
                    "no" id="f1da10ef22d9e" name="f8a2eb063e2c9a" style=
                    "border: medium none; overflow: hidden; height: 300px; width: 275px;"
                    class="fb_ltr" src=
                    "http://www.facebook.com/plugins/likebox.php?channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df24f30f1e581ff6%26origin%3Dhttp%253A%252F%252Fdemo.joomshaper.com%252Ff37876aec5dc552%26domain%3Ddemo.joomshaper.com%26relation%3Dparent.parent&amp;colorscheme=light&amp;header=false&amp;height=300&amp;href=http%3A%2F%2Fwww.facebook.com%2Fclub.joomshaper&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=275"></iframe></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="gap"></div>
          </div>
        </div>

        <div class="sp-block separator" style="width:50%">
          <div class="mod-block first" id="right1">
            <div class="module">
              <div class="mod-wrapper clearfix">
                <h3 class="header"><span>K2</span> Tags</h3>

                <div class="mod-content clearfix">
                  <div class="mod-inner clearfix">
                    <div class="k2TagCloudBlock" id="k2ModuleBox130">
                      <a title="2 items tagged with android" style="font-size:132%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/android">android</a>
                      <a title="2 items tagged with facebook" style="font-size:132%"
                      href="/joomla25/social/index.php/component/k2/itemlist/tag/facebook">
                      facebook</a> <a title="1 items tagged with google" style=
                      "font-size:75%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/google">google</a>
                      <a title="3 items tagged with google plus" style="font-size:188%"
                      href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/google%20plus">
                      google plus</a> <a title="1 items tagged with growth" style=
                      "font-size:75%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/growth">growth</a>
                      <a title="1 items tagged with new" style="font-size:75%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/new">new</a>
                      <a title="1 items tagged with plus" style="font-size:75%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/plus">plus</a>
                      <a title="1 items tagged with rapid" style="font-size:75%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/rapid">rapid</a>
                      <a title="5 items tagged with social" style="font-size:300%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/social">social</a>
                      <a title="4 items tagged with twitter" style="font-size:244%" href=
                      "/joomla25/social/index.php/component/k2/itemlist/tag/twitter">twitter</a>

                      <div class="clr"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="gap"></div>
          </div>
        </div>

        <div class="sp-block" style="width:50%">
          <div class="mod-block last" id="right2">
            <div class="module">
              <div class="mod-wrapper clearfix">
                <h3 class="header"><span>K2</span> Category</h3>

                <div class="mod-content clearfix">
                  <div class="mod-inner clearfix">
                    <div class="k2CategoriesListBlock" id="k2ModuleBox136">
                      <ul class="level0">
                        <li><a href=
                        "/joomla25/social/index.php/component/k2/itemlist/category/5-blog">
                        <span>Blog (0)</span></a></li>

                        <li>
                          <a href=
                          "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories"><span>
                          Social (0)</span></a>

                          <ul class="level1">
                            <li><a href=
                            "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/facebook">
                            <span>Facebook (4)</span></a></li>

                            <li><a href=
                            "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/twitter">
                            <span>Twitter (4)</span></a></li>

                            <li><a href=
                            "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/google-plus">
                            <span>Google Plus (4)</span></a></li>

                            <li><a href=
                            "/joomla25/social/index.php/2011-09-06-07-42-01/k2-categories/others">
                            <span>Others (4)</span></a></li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="gap"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="clearfix" id="sp-bottom">
    <div class="sp-wrap clearfix">
      <div class="sp-inner">
        <div class="sp-block separator" style="width:16.667%">
          <div class="mod-block equal first" id="bottom1" style="min-height: 157px;">
            <div class="module_none">
              <div class="mod-wrapper-flat clearfix">
                <h3 class="header"><span>Trending</span> Topics</h3>

                <div class="custom_none">
                  <ul>
                    <li><a href="#">Facebook</a></li>

                    <li><a href="#">Apple</a></li>

                    <li><a href="#">iphone</a></li>

                    <li><a href="#">Google</a></li>

                    <li><a href="#">Amazon</a></li>

                    <li><a href="#">Youtube</a></li>

                    <li><a href="#">Startups</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="sp-block separator" style="width:16.667%">
          <div class="mod-block equal" id="bottom2" style="min-height: 157px;">
            <div class="module_none">
              <div class="mod-wrapper-flat clearfix">
                <h3 class="header"><span>Top</span> Stories</h3>

                <div class="custom_none">
                  <ul>
                    <li><a href="#">Facebook Timeline</a></li>

                    <li><a href="#">Facebook advertising</a></li>

                    <li><a href="#">Latest iPhone</a></li>

                    <li><a href="#">iPhone records</a></li>

                    <li><a href="#">Timeline Design</a></li>

                    <li><a href="#">Youtube trends</a></li>

                    <li><a href="#">History of emoticon</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="sp-block separator" style="width:16.667%">
          <div class="mod-block equal" id="bottom3" style="min-height: 157px;">
            <div class="module_none">
              <div class="mod-wrapper-flat clearfix">
                <h3 class="header"><span>Channels</span></h3>

                <div class="custom_none">
                  <ul>
                    <li><a href="#">Social media</a></li>

                    <li><a href="#">Video</a></li>

                    <li><a href="#">Mobile</a></li>

                    <li><a href="#">Entertainment</a></li>

                    <li><a href="#">Design</a></li>

                    <li><a href="#">Games</a></li>

                    <li><a href="#">Social Good</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="sp-block separator" style="width:16.667%">
          <div class="mod-block equal" id="bottom4" style="min-height: 157px;">
            <div class="module_none">
              <div class="mod-wrapper-flat clearfix">
                <h3 class="header"><span>Business</span></h3>

                <div class="custom_none">
                  <ul>
                    <li><a href="#">Small Business</a></li>

                    <li><a href="#">Marketing</a></li>

                    <li><a href="#">All business</a></li>

                    <li><a href="#">Media</a></li>

                    <li><a href="#">Startups</a></li>

                    <li><a href="#">Local Business</a></li>

                    <li><a href="#">Social Business</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="sp-block separator" style="width:16.667%">
          <div class="mod-block equal" id="bottom5" style="min-height: 157px;">
            <div class="module_none">
              <div class="mod-wrapper-flat clearfix">
                <h3 class="header"><span>Company</span></h3>

                <div class="custom_none">
                  <ul>
                    <li><a href="#">About Us</a></li>

                    <li><a href="#">Contact US</a></li>

                    <li><a href="#">Announcement</a></li>

                    <li><a href="#">Advertise</a></li>

                    <li><a href="#">Startups</a></li>

                    <li><a href="#">Privacy policy</a></li>

                    <li><a href="#">Terms of use</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="sp-block" style="width:16.667%">
          <div class="mod-block equal last" id="bottom6" style="min-height: 157px;">
            <div class="module">
              <div class="mod-wrapper-flat clearfix">
                <h3 class="header"><span>Shaper</span> Social</h3>

                <div class="custom">
                  <ul>
                    <li><a href="#">Unique Design</a></li>

                    <li><a href="#">Flexible Layout</a></li>

                    <li><a href="#">Mega Menu</a></li>

                    <li><a href="#">Compression</a></li>

                    <li><a href="#">JoomSocial Support</a></li>

                    <li><a href="#">K2 Styled</a></li>

                    <li><a href="#">Easy Blog</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="clr"></div><!--Module Position breadcrumbs-->

        <div class="clr"></div>

        <div class="sp-inner clearfix" id="breadcrumbs">
          <span class="breadcrumbs"><span class="showhome">You are here:</span>
          <span class="current">Home</span></span> <a rel="nofollow" href="#" id=
          "topofpage">Scroll to Top</a>
        </div><!--Footer-->

        <div class="clearfix" id="sp-footer">
          <div class="helix-logo helix-logo-light-small" id="powered-by">
            <a href="http://helix.joomshaper.com" title="Helix Framework" target=
            "_blank">Helix Framework</a>
          </div>

          <div class="cp">
            Copyright &#169; 2011 Shaper Social Demo. All Rights Reserved. Designed by
            <a href="http://www.joomshaper.com" title="JoomShaper" target=
            "_blank">JoomShaper</a><br />
            Powered by <a href="http://www.joomla.org" target="_blink">Joomla!</a> Valid
            <a href="http://validator.w3.org/check/referer" target="_blank">XHTML</a> and
            <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"
            target="_blank">CSS</a>
          </div>

          <div id="footer-nav">
            <ul class="menu">
              <li class="item-464 active"><a href="/joomla25/social/">Home</a></li>

              <li class="item-444"><a href="/joomla25/social/index.php/joomla">Sample
              Sites</a></li>

              <li class="item-207"><a href="http://joomla.org">Joomla.org</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="sbox-overlay" style=
  "display: none; z-index: 65555; visibility: hidden; opacity: 0;"></div>

  <div id="sbox-window" style="display: none; z-index: 65557;" class="shadow">
    <div id="sbox-content" style="visibility: hidden; opacity: 0;"></div><a id=
    "sbox-btn-close" href="#"></a>
  </div>
</body>
</html>
